Kodenya adalah sebagai berikut
Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> unt judul dokumen </iteme>
<type skrip = "Teks/JavaScript">
// Pratinjau gambar lokal
function setimagePreview (fieldupload, gambar, imagediv) {
var docobj = document.geteLementById (fieldupload);
var imgobjpreview = document.getElementById (gambar);
if (docobj.files && docobj.files [0]) {
// Di bawah Firefox, atur atribut IMG secara langsung
imgobjpreview.style.display = 'block';
imgobjpreview.style.width = '150px';
imgobjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getasDataurl ();
// Firefox 7 atau di atas tidak dapat diperoleh dengan menggunakan metode getasdataurl () di atas, dan metode berikut diperlukan
imgobjpreview.src = window.url.createObjecTurl (docobj.files [0]);
} kalau tidak {
// Gunakan filter di bawah IE
docobj.select ();
var imgsrc = document.selection.createrange (). Teks;
var localimagid = document.geteLementById (imagediv);
// Ukuran awal harus diatur
localimagid.style.width = "150px";
localimagid.style.height = "150px";
// Tangkap pengecualian gambar untuk mencegah pengguna memodifikasi akhiran untuk menempa gambar
mencoba {
localimagid.style.filter = "progid: dximagetransform.microsoft.alphaimageloader (sizingMethod = skala)";
} catch (e) {
Peringatan ("Gambar yang Anda unggah salah, silakan pilih kembali!");
mengembalikan false;
}
imgobjpreview.style.display = 'none';
document.selection.empty ();
}
Kembali Benar;
}
</script>
</head>
<body>
<Div id = "localimag"> <img id = "preview" src = "http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%E6%9A%82%E6%97%A0%. e5%9b%menjadi%e7%89%87.gif " /> </div>
<div>
<input type = "file" onchange = "javascript: setimagePreview ('unggah', 'pratinjau', 'localimag');" id = "unggah" />
</div>
</body>
</html>