Загрузка файла образа загрузки из другого каталога

Question

В JavaScript Я хочу загрузить файл изображения из другого каталога. Моя файловая структура как таковая:

Project/js/script.js 
Project/img/1.png 

В script.js я хочу следующее:

document.getElementById("image").src = "Project/img/1.png"; 

Как сделать эту работу?

Answer 1

Ваш HTML-файл устанавливает базовый путь, по которому оцениваются другие относительные пути. Итак, если ваш HTML путь к файлу "http://example.com/something/Project/index.html", то каталог проекта уже по умолчанию местоположения, так что вы можете получить доступ других вещей по отношению к Project директории, как это:

js/script.js 
img/1.png 

Любого относительный путь, который не начинается с доменом или с / будет иметь http://example.com/something/Project/, приложенный к нему.

Answer 2

Браузер не всегда знает, что корень папку файлы находятся в - это знает только то, что он видит из URL. Кажется, что корень вашего проекта находится в папке «Проект», и все живет под этим. (Например, когда вы идете в http://example.com/, ваш веб-демон настроен искать в папке «Project»?)

так что вы должны быть в состоянии сделать:

document.getElementById("image").src = "/img/1.png"; 

первый слэш говорит «идти к моему корневая папка, независимо от того, что находится на веб-сервере », а затем остальное - это только оставшийся путь.