Я заметил, что в HTML источник изображения начинается там, где находится моя страница (база). Поэтому, если мои рисунки или изображения находятся в другой папке, я могу коротко сказать src:

<img src="avatars/dwarf14.jpg">

Однако я заметил в JavaScript, я не могу сделать то же самое. Мне пришлось напечатать весь каталог C, чтобы найти то же изображение. Почему это? Я предположил, что исходное местоположение для моего пути к изображению будет там, где находился мой файл JavaScript.

dom.el("playeravatar").innerHTML = '<img src="C:/Users/Q/Desktop/Gaming Project/avatars/warrior4.jpg">';
0
Shawn 17 Дек 2015 в 08:46

3 ответа

Лучший ответ

Сценарий просто добавляет тег img в DOM. Браузер будет анализировать этот тег так же, как тот, который был жестко запрограммирован или добавлен любым другим способом. То, как атрибут src будет интерпретирован, не имеет отношения к JavaScript.

По этой причине неважно, где находится файл javascript. Ваши пути должны быть относительно документа, в который вы вставляете изображение.

2
David Hedlund 17 Дек 2015 в 05:51
<img id='img' src='img.jpg' style="max-height: 200px; max-width:200px" /> <br />
<img id='imgJS' style="max-height: 100px; max-width:100px" /> <br />
<div id='divJS' />
<script type="text/javascript">
    document.getElementById('imgJS').src = 'img.jpg';
    document.getElementById('divJS').innerHTML = '<img src="img.jpg" style="max-height: 50px; max-width:50px" /> <br />';
</script>

Я был в состоянии загрузить изображение из JavaScript. Приведенный выше код устанавливает одно и то же изображение для тега img и добавляет новый тег img с исходным набором внутри тега div, для различения которого используются разные размеры. Поместите этот код и изображение в одну папку, это работает.

Дэвид дал подходящее объяснение. DOM обрабатывает путь и относится к документу, а не к файлу JavaScript.

0
Abhijit Annaldas 17 Дек 2015 в 06:31

Нет, это не тот случай. Начальным местоположением для вашего пути к изображению будет html-страница, куда загружается файл .js :)

0
AkshayJ 17 Дек 2015 в 05:51