it-swarm.com.de

HTML-Bild wird nicht angezeigt, während die URL-URL funktioniert

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

Das zeigt kein Bild an, nur das Alt. __ Wenn ich aber gehe

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

in einem Browser wird das Bild angezeigt.

Ich hoste dies auf Xampp, auf einem Windows-Rechner.

Ich habe verschiedene Browser ausprobiert, und zwar mit und ohne% 20 für Speicherplatz, aber ich weiß, dass dies der richtige Weg ist. (Es hat eigentlich mit beiden funktioniert)

Ich weiß, dass die Bilder nur auf dem Rechner sichtbar sind, auf dem sie gehostet werden. Das ist kein Problem.

9
mtfurlan

Ihre Datei muss sich in Ihrem WWW-Verzeichnis befinden. Wenn Sie beispielsweise einen Wamp-Server unter Windows verwenden, sollte sich j3evn.jpg befinden. 

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

und Sie können in html über zugreifen

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

Suchen Sie nach dem Ordner www, public_html oder html, der zu Ihrem Webserver gehört. Legen Sie alle Ihre Dateien und Ressourcen in diesem Ordner ab. 

Hoffe das hilft!

12
William Yang

Es wird nicht funktionieren, da Sie die URL-Verknüpfung mit "file: //" ..__ verwenden.

Sagen wir, meine Datei wurde abgelegt:

C:/myuser/project/file.html

Und mein Wunschbild ist in:

C:/myuser/project2/image.png

Alles was ich tun muss, ist das Verzeichnis auf diese Weise abzugleichen:

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

Meine Bilder wurden nicht angezeigt, auch nachdem sie im richtigen Ordner abgelegt wurden. Das Problem war, dass sie nicht die richtigen Berechtigungen hatten. Ich habe die Berechtigung zum Lesen und Ausführen geändert. Ich habe chmod 777 image.png verwendet. Alles funktionierte dann, Bilder wurden angezeigt. :)

3
user1751104

mein Problem bestand nicht darin, ../ vor dem Bildnamen anzugeben

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

Die einfache Lösung ist:

1.speichern Sie die Bilddatei und die HTML-Datei im selben Ordner.

2.code: <img src="Desert.png"> // Ihr Bildname.

3.speichern Sie den Ordner im Laufwerk D.

Wenn Sie den Ordner auf dem Desktop (Laufwerk c) speichern, können Sie sich mit der Berechtigung auseinandersetzen.

0
shubham1js

Sie können einfach versuchen, das Image im Quellverzeichnis abzulegen. Sie würden es verknüpfen, indem Sie den Dateipfad durch src="../imagenamehere.fileextension ersetzen. In Ihrem Fall j3evn.jpg.

0
Kevin