2016-02-16 2 views
-2

Я не могу загрузить изображение на свой веб-сайт.Broken Image на сайте

Файл изображения находится в: ~/узел-JS-образца/IMG Файл изображения называется: hhb.png с правами доступа 755 Файл index.html находится в ~/узел-JS-образца

Я размещаю сайт на сервере aws.

Пожалуйста, дайте мне знать, если есть какая-либо дополнительная информация, которая могла бы помочь.

Ниже приведен пример кода

<div class="text-center logo"> 
     <a><img src="/img/hhb.png"></a> 
     <span class="brand-headline visible-desktop"> 
      <p class="title-text">LOGO</p> 
     </span> 
    </div> 
+0

сделали вы возражаете доступ файл IMG непосредственно, например, с помощью браузера HTTP:. // www.websitename.com/node-js-sample/img/hhb.png? –

+0

Как выглядит ваша структура каталогов? Например, что такое файл с этим HTML, и где он находится по отношению ко всему остальному? – xboxremote

+0

К сожалению, только что увидел эту информацию. См. Ответ Максамильяна ниже. – xboxremote

ответ

0

Оказывается, что ваши изображения должны быть размещены в общей папке, а не в ту же папке файл index.html находится в

1

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

Вместо <img src="/img/hhb.png">, используйте <img src="img/hhb.png">.

+0

Это неверно, если папка img находится в корне. – j08691

+0

@ j08691 Папка изображения НЕ находится в корне. В нем четко говорится о том, что папка с изображениями - '~/node-js-sample/img', которая является одним каталогом вниз из html. –

+1

Я удалил ссылку на абсолютный путь до того, как это не помогло. – dstung