Img-tag Weg funktioniert nicht in chrome und firefox
Ich bin mit MVC3 Razor und ich wollen, laden Sie ein Bild von der lokalen Festplatte für Testzwecke.
Schrieb ich das img-tag wie:
<img id="ImgEmployee" src="file://D:/Photos/14.jpg" alt="Employee" />
Funktioniert es mit dem IE. Aber in Chrome und Firefox ist es nicht immer geladen.
Wie man den Pfad für die img-tag lädt das Bild aus dem lokalen Laufwerk und funktioniert in allen Browsern?
- Warum nicht Sie einen Ordner auf Ihrer Website Datei-Baum mit all Ihren imagens, und zeigen Sie es?
- Die Bilder werden eingefügt in die bestimmten Ordner und den Namen des Bildes wird es in der Datenbank. Ich brauche, lädt diese Bilder dynamisch..
- Versuchen Sie, speichern Sie die Bilder auf einen relativen Pfad verweist auf den Ordner. Überprüfen Sie die anderen Antworten unten für mehr details.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Chrome und FireFox erwarten, 3
/
Zeichen:Wenn man nur 1/
Sie sollten in der Lage sein, zu erraten, aber wenn man 2 es wird denke du meinst 2.Wenn du weglassen, die
file:///
den Browser denke, das ist das Protokoll.Wenn Ihre HTML-Seite auch auf Ihrer lokalen Festplatte, die Sie tun können, relativen Verlinkung. Sagen Sie Ihre HTML-Datei & Bild ist im gleichen Ordner, den Sie gerade verwenden:
Erläuterung: Dies ist eine Sicherheitseinstellung in Ihrem browser, damit die Webseiten nicht geladen werden können-Ressourcen von Ihrem computer ohne Ihre Zustimmung.
Nicht geben absolute Pfad zu dem Bild, verwenden Sie relative Pfad bedeutet wie dieses :
Wenn Ihre html-Datei befindet sich im
c:\project_folder
und Ihre Bilder sich inc:\project_folder\Photos
dann nutzen Sie folgenden Bild-tagEs funktioniert, wenn ich zog das Bild Ordner(Fotos) unter die Lösung, die Ordner-Struktur(Ohne die in der Lösung auch).
<img id="ImgEmployee" src="../../Content/Photos/14.jpg" alt="2" />
Anstatt src="../../Content/Photos/14.jpg" versuchen Sie "~/content/Fotos/14/jpg" die "~/" verweist auf das Stammverzeichnis der Website.
Ich hatte das gleiche problem. In meinem Fall hab ich gerade versucht:
src="Content/images/photo.png"
auf der server-Seite. Und es funktioniert.
In Ihrem Fall: