web-dev-qa-db-fra.com

L'image HTML ne s'affiche pas, alors que l'URL src fonctionne

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

Cela ne montre pas une image, juste l'alt . Mais si je vais à

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

dans un navigateur, l'image s'affiche.

J'héberge ceci sur xampp, sur une machine Windows en ce moment.

J'ai essayé différents navigateurs, avec et sans% 20 pour l'espace, mais je sais que c'est avec la bonne manière.

Et je sais que les images ne seront visibles que sur la machine qui les héberge, ce n'est pas un problème.

htmlimage
9
mtfurlan

Votre fichier doit être situé dans votre répertoire www. Par exemple, si vous utilisez le serveur Wamp sur Windows, j3evn.jpg doit être situé, 

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

et vous pouvez y accéder en HTML via

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

Recherchez le dossier www, public_html ou html appartenant à votre serveur Web. Placez tous vos fichiers et ressources dans ce dossier. 

J'espère que cela t'aides!

12
William Yang

Cela ne fonctionnera pas puisque vous utilisez un lien URL avec "fichier: //" . Vous devez plutôt faire correspondre votre répertoire à votre fichier HTML, par exemple:

Disons que mon fichier est placé dans:

C:/myuser/project/file.html

Et mon image recherchée est dans:

C:/myuser/project2/image.png

Tout ce que je dois faire est de faire correspondre le répertoire de cette façon:

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

Mes images ne s'affichaient pas même après les avoir placées dans le bon dossier. Le problème était qu'elles n'avaient pas la bonne permission. J'ai changé la permission de lire, écrire, exécuter. J'ai utilisé chmod 777 image.png. Tout fonctionnait alors, les images devenaient affichées. :)

3
user1751104

mon problème n'incluait pas le ../ avant le nom de l'image

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

La solution simple est:

1. Conservez le fichier image et le fichier HTML dans le même dossier.

2.code: <img src="Desert.png"> // votre nom d'image.

3. conservez le dossier dans le lecteur D.

En gardant le dossier sur le bureau (qui est le lecteur c), vous pouvez faire face au problème de la permission.

0
shubham1js

Vous pouvez simplement essayer de mettre l'image dans le répertoire source. Vous lieriez-le en remplaçant le chemin du fichier par src="../imagenamehere.fileextension Dans votre cas, j3evn.jpg.

0
Kevin