รหัสมีดังนี้
การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<tite> เอกสารชื่อ UNT </title>
<script type = "text/javascript">
// ตัวอย่างรูปภาพท้องถิ่น
ฟังก์ชั่น setimagepreview (fieldupload, image, imagediv) {
var docobj = document.getElementById (FieldUpload);
var imgoBjPreview = document.getElementById (รูปภาพ);
if (docobj.files && docobj.files [0]) {
// ภายใต้ Firefox ตั้งค่าแอตทริบิวต์ IMG โดยตรง
imgoBjpreview.style.display = 'block';
imgoBjpreview.style.width = '150px';
imgoBjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getasdataurl ();
// ไม่สามารถรับ Firefox 7 หรือสูงกว่าได้โดยใช้วิธี getasdataurl () ด้านบนและต้องใช้วิธีการต่อไปนี้
imgoBjpreview.src = window.url.createObjecturl (docobj.files [0]);
} อื่น {
// ใช้ตัวกรองภายใต้ IE
docobj.select ();
var imgsrc = document.selection.createrange (). ข้อความ;
var localimagid = document.getElementById (imagediv);
// ต้องตั้งค่าขนาดเริ่มต้น
localimagid.style.width = "150px";
localimagid.style.height = "150px";
// จับภาพยกเว้นภาพเพื่อป้องกันไม่ให้ผู้ใช้แก้ไขคำต่อท้ายเพื่อสร้างรูปภาพ
พยายาม {
localimagid.style.filter = "progid: dximagetransform.microsoft.alphaimageloader (sizingmethod = มาตราส่วน)";
} catch (e) {
การแจ้งเตือน ("ภาพที่คุณอัปโหลดไม่ถูกต้องโปรดเลือกอีกครั้ง!");
กลับเท็จ;
-
imgoBjpreview.style.display = 'ไม่มี';
document.selection.empty ();
-
กลับมาจริง;
-
</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%A e5%9b%เป็น%e7%89%87.gif " /> </div>
<div>
<อินพุต type = "ไฟล์" onchange = "javascript: setimagepreview ('อัปโหลด', 'ดูตัวอย่าง', 'localimag');
</div>
</body>
</html>