Ein Vorschau -Code im Internet zur Vorschau der Datei vor dem Hochladen, die vor dem Hochladen aus JavaScript -Bildern reproduziert werden (kompatibel mit allen Browsern)
<! DocType html> <html> <kopf> <meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/> <style type = "text/csS"> #preview, .img, img {width: 200px; Höhe: 200px; } #Preview {Border: 1px solide #000; } </style> </head> <body> <div id = "preview"> </div> <input type = "file" onchange = "preview (this)"/> <script type = "text/javascript"> Funktion Vorschau (Datei) {var prevdiv = document.getElementById ('Vorschau'); if (file.files && file.files [0]) {var reader = new FileReader (); reader.onload = function (evt) {prevdiv.innerhtml = '<img src = "' + evt.target.result + '" />'; } reader.readasDataurl (Datei.files [0]); } else {prevdiv.innnerhtml = '<div style = "filter: progid: dimaTransform.microsoft.Alphaimageloader (SIZIZEMETHOD = SCALE, SRC =/' ' + Datei.Value +'/'"> </div>';Schlüsselpunkte der Implementierung
● Verwenden Sie für Chrome, Firefox und IE10 FileReader, um es zu implementieren.
● Verwenden Sie für IE6 ~ 9 Filterfilter: progid: dimaTransform.microsoft.Alphaimageloader, um es zu implementieren.
Ich habe IE8+ ohne Probleme getestet. Die Dateipfadspaltlinie der Datei.Value in IE7 wurde jedoch vom Browser entfernt und die Dateipfadspaltlinie wurde nicht angezeigt
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.