Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Обернуть url в тег img (https://javascript.ru/forum/misc/69274-obernut-url-v-teg-img.html)

aleferov 10.06.2017 13:44

Обернуть url в тег img
 
Здравствуйте! Есть такой код
<div class="image">http://domen.ru/content/files/catalog1/*/*/*.jpg</div>

Домен статический, а путь разный. Нужно при выводе обернуть ссылку вот так
<div class="image"><img src="http://domen.ru/content/files/catalog1/*/*/*.jpg" /></div>

Т.е была ссылка, а при выводе получаем изображение.

laimas 10.06.2017 13:52

var d = document.querySelector('.image');
d.innerHTML = '<img src="' + d.textContent + '">';


По загрузке документа и с условием, что кроме текста ссылки ничего лишнего.

aleferov 11.06.2017 00:48

Благодарю за ответ.

Выяснилось -- что нужно искать по ссылке http://domen.ru/content/files/catalog1/*/*/*.jpg


Я в javascript 0 :-?

laimas 11.06.2017 03:08

Цитата:

Сообщение от aleferov
Выяснилось -- что нужно искать по ссылке

В чем?

aleferov 11.06.2017 16:26

Цитата:

Сообщение от laimas (Сообщение 455179)
В чем?

http://domen.ru/content/files/catalog1/*/*/*.jpg - "На входе" только этот кусок, без <div class="image">

laimas 11.06.2017 16:31

Цитата:

Сообщение от aleferov
"На входе"

А на выходе? :)

Что это такое, страница вся, ее часть определенная чем-то, по загрузке которой нужно все это парсить? Есть ли изображения на ней, в которых то ведь тоже есть src, или нет изображений?

aleferov 11.06.2017 18:57

Цитата:

Сообщение от laimas (Сообщение 455192)
А на выходе? :)

Что это такое, страница вся, ее часть определенная чем-то, по загрузке которой нужно все это парсить? Есть ли изображения на ней, в которых то ведь тоже есть src, или нет изображений?

Это страшный кошмар, который упал на мою голову, на работе.
Есть сайт 2 с которого забираем это http://domen.ru/content/files/catalog1/*/*/*.jpg
На основном сайте это появляется в таком же виде http://domen.ru/content/files/catalog1/*/*/*.jpg + текст.
И нужно javascript обернуть так <img src="http://domen.ru/content/files/catalog1/*/*/*.jpg" />

laimas 11.06.2017 19:07

Цитата:

Сообщение от aleferov
Есть сайт 2 с которого забираем это http://domen.ru/content/files/catalog1/*/*/*.jpg
На основном сайте это появляется в таком же виде http://domen.ru/content/files/catalog1/*/*/*.jpg + текст.

На стороне клиента из под веб страницы доступ к данным другого домена будет запрещен.

aleferov 11.06.2017 20:41

Цитата:

Сообщение от laimas (Сообщение 455207)
На стороне клиента из под веб страницы доступ к данным другого домена будет запрещен.

Домен одинаковый. Системы управления разные...

laimas 12.06.2017 11:11

в_чем_то.replace(/(http\S+jpg)/gm, '<img src="$1">')

aleferov 12.06.2017 14:42

Цитата:

Сообщение от laimas (Сообщение 455231)
в_чем_то.replace(/(http\S+jpg)/gm, '<img src="$1">')

Вот так не срабатывает.
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<script type='text/javascript'>
inspiretrends.replace(/(http\S+jpg)/gm, '<img src="$1">')
</script>
http://inspiretrends.com/wp-content/uploads/2014/02/11.-Adapt.jpg

</body>
</html>


По загрузке тоже не получается.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<script type='text/javascript'>//<![CDATA[
window.onload=function(){
inspiretrends.replace(/(http\S+jpg)/gm, '<img src="$1">')
}//]]> 
</script>
http://inspiretrends.com/wp-content/uploads/2014/02/11.-Adapt.jpg

</body>
</html>

laimas 12.06.2017 16:28

Так если писать всякую хрень, конечно не получится. Я спрашивал "в чем заменять", воз и ныне там. А значит что такое "в_чем_то" вам виднее, но это никак не может быть имя домена, которое упоминается в ссылке, которую надо найти.

<html>
<body>
<script>
var s = 'abc http://inspiretrends.com/wp-content/uploads/2014/02/11.-Adapt.jpg abc';
alert(s.replace(/(http\S+jpg)/gm, '<img src="$1">'))
</script>
</body>
</html>


Есть замена?

aleferov 12.06.2017 19:20

Цитата:

Сообщение от laimas (Сообщение 455249)
Так если писать всякую хрень, конечно не получится. Я спрашивал "в чем заменять", воз и ныне там. А значит что такое "в_чем_то" вам виднее, но это никак не может быть имя домена, которое упоминается в ссылке, которую надо найти.

<html>
<body>
<script>
var s = 'abc http://inspiretrends.com/wp-content/uploads/2014/02/11.-Adapt.jpg abc';
alert(s.replace(/(http\S+jpg)/gm, '<img src="$1">'))
</script>
</body>
</html>


Есть замена?

Да, есть.


Часовой пояс GMT +3, время: 18:45.