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

Werke, die kein Bild angezeigt werden, nur die Alt. Aber wenn ich gehe zuHTML Bild nicht angezeigt wird, während die src url

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

in einem Browser erscheint das Bild.

Ich hostet dies auf Xampp, auf einer Windows-Maschine jetzt.

Ich habe verschiedenen Browser versucht, und mit und ohne% 20 für Raum, aber ich weiß, dass mit dem richtigen Weg ist. (Mit beiden gearbeitet, tatsächlich)

Und ich weiß, dass die Bilder nur sein sichtbar auf der Maschine, die es hostet, das ist kein Problem.

+1

Vergewissern Sie sich, wie @William Yang geschrieben, dass Ihr Bild auf dem Computer ist, dass die Website ist _hosting_. Öffne es in deinem www-Ordner und verlinke dann mit: "src = 'j3evn.jpg'" und dann wirst du gut gehen. – totallyuneekname

+0

yeh, ich habe das gleiche Problem. Absolute Link _http: //localhost/path/image.jpg funktioniert gut im Browser, funktioniert aber nicht in src-Tag: | – ymakux

Antwort

9

Ihre Datei muss sich in Ihrem www-Verzeichnis befinden. Zum Beispiel, wenn Sie Server auf Windows verwenden wamp, j3evn.jpg sollte, befinden

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

und Sie können es über

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

Achten Sie auf das www in den HTML-Zugriff, public_html oder HTML-Ordner, der zu Ihrem Webserver gehört. Legen Sie alle Ihre Dateien und Ressourcen in diesem Ordner ab.

Hoffe, das hilft!

+0

Also, anstatt die Bilder zu verschieben, habe ich nur einen weichen Link erstellt. Ich nahm an, dass es gut wäre, wenn der Browser von außerhalb des gehosteten Verzeichnisses darauf zugreifen könnte. – mtfurlan

+0

@ Scuzzball Nö, Sie müssen sie bewegen.Alle Ressourcen wie html, css und javascript müssen sich in Ihrem www-Verzeichnis befinden. –

+0

@ Scuzzball Denke daran, dass dein xampp-www-Ordner der Ordner ist, den du der Welt zeigen willst, während alle anderen Ordner auf deinem Server/Computer nicht sichtbar sind. Dies geschieht aus offensichtlichen Sicherheitsgründen. –

0

Sie können versuchen, das Bild einfach in das Quellverzeichnis zu stellen. Sie würden es verbinden, indem Sie den Dateipfad durch src="../imagenamehere.fileextension in Ihrem Fall j3evn.jpg ersetzen.

2

Es funktioniert nicht, seit Sie URL-Link mit "file: //" verwenden. Stattdessen sollten Sie Ihr Verzeichnis auf Ihre HTML-Datei, zum Beispiel entsprechen:

Lassen meine Datei in platziert sagen:

C:/myuser/project/file.html 

Und mein gewünschtes Bild auf:

C:/myuser/project2/image.png 

Alles, was ich habe Zu tun ist, das Verzeichnis auf diese Weise zu vergleichen:

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

Meine Bilder wurden nicht angezeigt Yed sogar, nachdem sie sie in den richtigen Ordner, Problem war, hatten sie nicht die richtige Erlaubnis, änderte ich die Erlaubnis zu lesen, um zu schreiben, auszuführen. Ich habe chmod 777 image.png benutzt. Alles funktionierte dann, Bilder wurden angezeigt. :)

+0

Das war das Problem für mich! Danke, dass ich mich verrückt machte! – ChathuraG

+0

Das passiert mir immer wieder, da ich plattformübergreifend arbeite und eine Linux-VM verwende. Ich denke, ich bin jetzt 3 mal zu diesem Kommentar gekommen. – Murphy4

1

mein Problem war nicht mit der ../ vor dem Bildnamen

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