Linking изображения, которые находятся в отдельных папках

Question

я работал в некоторых друзьях коде, и большинство его изображений называют, как:

<img src="/uploads..."> //the '/' before the folder in the src isn't allowing me to link to the images. 

Я знаю, что это, вероятно, очень простой вопрос для большинства из вас , но я не могу заставить изображения правильно ссылаться. У меня есть файл структура выглядит следующим образом:

project folder>two folders (uploads) & (code) 

Теперь, если у меня есть HTML в папке «код», и я пытаюсь сделать ссылку на все изображения в папке «загрузки», как я должен реструктурировать мои файлы, чтобы они связывались? Я попытался поместить html в корневой каталог под «папкой проекта» и по-прежнему не ссылается на изображения в загружаемых файлах.

Дело в том, что я не хочу вытаскивать «/» в каждом src внутри html, и я надеялся, что смогу структурировать файлы, чтобы они правильно все ссылались.

Answer 1

Если каждая ссылка изображение выглядит следующим образом:

/uploads/someFile.ext 

Тогда файлы, с которыми связаны собираются должны быть в папке под названием uploads в корне веб-сервера. В основном вышеперечисленное переводится следующим образом:

http://server/uploads/someFile.ext 

Независимо от того, на каком URL-адрес страницы.

В целом такого рода вещи нахмурились, потому что требует, что сайт работает в корне сервера/домена/etc. Если вы хотите, чтобы веб-сайт, чтобы работать в подпапке, то вам необходимо изменить выше абсолютный путь к относительному пути:

./uploads/someFile.ext 

Это говорит браузеру, чтобы добавить ссылку на текущий URL «папку» (I используйте этот термин свободно, но вы получите идею) текущего документа. Таким образом, если URL страницы что-то вроде:

http://server/someFolder/anotherFolder/index.html 

Тогда ссылки изображения будут создаваться по отношению к тому, что:

http://server/someFolder/anotherFolder/uploads/someFile.ext 

В конечном счете, лучше всего, чтобы обновить все соответственно. Абсолютные пути (то, что у вас есть в настоящее время) должны использоваться только в том случае, если есть поистине убедительная причина их использования. По возможности используйте относительные пути.

Как быстро исправить, если папка uploads находится в корне домена URL, она должна работать.

Answer 2

попробовать:

<img src="./uploads/yourimage.ext"> 

или:

<img src="uploads/yourimage.ext"> 

Answer 3

Вы можете сделать это с помощью абсолютного или относительного пути в атрибуте SRC.

Абсолютные:

http://example.com/uploads/example.png 

Относительные:

./../uploads/example.png 

Относительный пример, если мы рассмотрим "код", чтобы быть текущей реж.

./ - is a current dir 
./../ - is one dir back from current dir 
./../uploads/ - is one dir back from current dir, and switch to uploads dir