Ich möchte ein Bild in der Vorschau anzeigen, bevor es auf den Server hochgeladen wird. Ich habe ein bisschen Code dafür geschrieben, aber es wird nur eine Vorschau in Internet Explorer angezeigt, nicht in anderen Browsern wie Safari, Chrome, Firefox, aus irgendwelchen Sicherheitsgründen. Gibt es eine Lösung für die Vorschau des Bildes in diesen Browsern?
%Vor%Für Firefox. Aus Sicherheitsgründen hat es einen abgeschnittenen Pfad. Sie haben jedoch andere Möglichkeiten zur Verfügung gestellt:
%Vor%Das Folgende funktioniert in Internet Explorer 7 und Firefox 3.
%Vor%Das funktioniert für mich in FF 3.6, IE 8, Safari 4.0 und Chrome 3.195.
Einige Style-Zeiger allerdings:
Anstelle von document.getElementById() verwende dies:
function $(id) { return document.getElementById(id); }
Beispiel: $('send')
Es ist nicht möglich, eine Benutzerdatei vor dem Upload zu erfassen, außer mit der neuen Datei-API:
Beispiel: Miniaturansichten von benutzerdefinierten Bildern anzeigen
Dies wird natürlich nicht browserübergreifend sein. Es kann auch eine Möglichkeit geben, dies über Flash und Daten-URLs zu tun (oder nur Vorschau in Flash), aber ich bevorzuge es, JavaScript zu vermeiden & lt; - & gt; Flash-Integration.
Sehen Sie sich einfach den folgenden Link an, der sich auf die Datei-API bezieht, er funktioniert für IE9 + Ich habe überprüft, dass er für IE8 nicht funktioniert Es zeigt, wie Sie Bild- und Textdateien in der Vorschau anzeigen Ссылка FileReader, lädt ein Bild auf einer Webseite
FileReader ermöglicht den Zugriff auf das lokale Dateisystem und das Laden von Dokumenten mit nur JavaScript-Code.
Damit ist die Auswahl der lokalen Datei abgeschlossen, da dieses Tag nur den Inhalt dieser Datei für ein Skript auf dem Server mit den Formulardaten bereitstellen kann.
Kompatibilitätstest
Der aktuelle Browser erkennt es die Datei-API, die das FileReader-Objekt enthält?
Ergebnis Datei-API unterstützt. Quellcode des Tests:
%Vor%HTML-Code:
%Vor%JavaScript-Code:
%Vor%Wenn der Eingabetyp eine Datei ist und dann die htmlfilereader-Funktion verwendet wird, können wir die Vorschau der HTML-Seite sehen? mit accept type="text / html"
Ich habe die Datei Beschreibung und Größe ...
%Vor%
Das oben genannte Problem bezieht sich auf offline gespeicherte lokale HTML-Seiten. Wir können die Vorschau der Live-Seite mit Live-URL als -
sehen %Vor%& gt;
Es ist einfach, benutze das einfach
Verwenden Sie in Ihrer HTML-Datei
%Vor%Und schreiben Sie innerhalb Ihrer Java Script-Datei einfach dieses
%Vor%Tags und Links javascript