пути к файлам для локально размещенного сайта

Question

Я учусь создавать галерею изображений с помощью jQuery.путь к файлам изображений - это последний сайт.

<img src="images/gallery/refraction_thumbnail.jpg"/></a>

, но когда я загружаю его локально в браузере chrome для тестирования, изображения не отображаются, потому что изображения находятся по этому пути к файлу

file:///Users/name/Desktop/myGallery/images/gallery/refraction_thumbnail.jpg

Существует ли удобный способ загрузки изображений в локальный браузер без изменения вручную всех ссылок на пути к файлам?

Например, я подумал, что если я просто поставлю / перед «изображениями», это может сработать, но это не сработало.

Answer 1

Вы действительно должны использовать правильный путь в HTML.

Однако я вижу, что вы используете протокол file, поэтому вы просто экспериментируете. В этом случае вы могли бы подкрутить некоторый грязный код jQuery, чтобы сделать это за вас.

$('img').attr('src', function(index, src) {
    return 'file:///Users/name/Desktop/myGallery/' + src;
});

Answer 2

Указание пути с помощью '/' приведет к корневому каталогу.Если вы не используете виртуальный сервер, это будет корень вашего жесткого диска (а не того, что вам нужно).

Я предлагаю вам запустить виртуальный сервер из папки, в которой находится ваш сайт, и добавить ссылки с '/».Существует множество бесплатных и легко настраиваемых виртуальных серверов для всех операционных систем.:)

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

Answer 3

, если ваш сайт хранится в файле: /// Users / name / Desktop / myGallery, он должен работать.Возможно, измените src на ./images/gal .... добавив ./, чтобы посмотреть текущий каталог.Второй вариант - настроить веб-сервер, такой как apache, и вызвать страницу оттуда.Я стараюсь максимально отражать свою производственную среду на моей машине для разработки.