Der Code ist wie folgt
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> bis zum Titel "Dokument" </title>
<script type = "text/javaScript">
// Lokale Bildvorschau
Funktion SetImagePreview (FieldUpload, Bild, Imagediv) {
var docobj = document.getElementById (fieldUpload);
var imgobjpreview = document.getElementById (Bild);
if (docobj.files && docobj.files [0]) {
// Unter Firefox stellen Sie das IMG -Attribut direkt fest
imgobjpreview.style.display = 'block';
imgobjpreview.style.width = '150px';
imgobjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getasDataurl ();
// Das Firefox 7 oder höher kann nicht unter Verwendung der obigen Methode getasDataurl () erhalten werden, und die folgende Methode ist erforderlich
imgobjpreview.src = window.url.createObjecturl (docobj.files [0]);
} anders {
// Filter unter IE verwenden
docobj.select ();
var imgsrc = document.Selection.Createrange (). Text;
var localImagid = document.getElementById (Imagediv);
// Die Anfangsgröße muss eingestellt werden
localImagid.style.width = "150px";
localImagid.style.height = "150px";
// Fangen Sie die Bildausnahme an, um zu verhindern, dass Benutzer das Suffix ändern, um Bilder zu schmieden
versuchen {
localImagid.style.filter = "progid: dimaTransform.microsoft.Alphaimageloader (Größenmessung = skalieren)";
} catch (e) {
ALERT ("Das Bild, das Sie hochgeladen haben, ist falsch, bitte wählen Sie erneut aus!");
false zurückgeben;
}
imgobjpreview.style.display = 'none';
document.Selection.empty ();
}
zurückkehren;
}
</script>
</head>
<body>
<div id = "localImag"> <img id = "preview" src = "http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%E6%9A%E6%97%A0%o0% < E5%9B%%E7%89%87.gif " /> < /div>
<div>
<Eingabe type = "Datei" onchange = "JavaScript: setImagePreview ('Upload', 'Vorschau', 'localImag');" id = "Upload" />
</div>
</body>
</html>