HTML-изображение не отображается, в то время как url-адрес src работает

<img class="sealImage" alt="Image of Seal" src="file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg">

это не отображает изображение, только alt. Но если я пойду в

file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg

в браузере отображается изображение.

Я размещаю это на xampp, на машине windows прямо сейчас.

Я пробовал разные браузеры, и с и без %20 для пространства, но я знаю, что с правильным способом.(На самом деле это сработало с обоими)

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

6
html image

6 ответов

ваш файл должен быть расположен внутри директории www. Например, если вы используете WAMP server в Windows, j3evn.jpg должен быть расположен,

C:/wamp/www/img/j3evn.jpg

и вы можете получить доступ к нему в html через

<img class="sealImage" alt="Image of Seal" src="../img/j3evn.jpg">

найдите папку www, public_html или html, принадлежащую вашему веб-серверу. Поместите все свои файлы и ресурсы в эту папку.

надеюсь, что это помогает!

11

это не будет работать, так как вы используете ссылку URL с "file://". Вместо этого вы должны сопоставить свой каталог с вашим HTML-файлом, например:

скажем, мой файл помещен в:

C:/myuser/project/file.html

и мой разыскиваемый образ находится в:

C:/myuser/project2/image.png

все, что мне нужно сделать, это сопоставить каталог таким образом:

<img src="../project2/image.png" />
3

мои изображения не отображались даже после их размещения в правильной папке, проблема заключалась в том, что у них не было правильного разрешения, я изменил разрешение на чтение write execute. Я использовал изображение chmod 777.формат PNG. Все работало тогда, изображения отображались. :)

3

моя проблема не была в том числе ../ перед именем изображения

background-image: url("../image.png");
1

вы можете попробовать просто поместить изображение в исходный каталог. Вы свяжете его, заменив путь к файлу на src="../imagenamehere.fileextension в вашем случае, j3evn.формат jpg.

0

простое решение:

1.сохраните файл изображения и файл HTML в одной папке.

2.код: <img src="Desert.png">// ваше имя изображения.

3.сохраните папку на диске D.

сохранение папки на рабочем столе (который является диском c) вы можете столкнуться с проблемой разрешения.

0