รหัสตัวอย่างที่พบบนอินเทอร์เน็ตเพื่อดูตัวอย่างไฟล์ก่อนที่จะอัปโหลดทำซ้ำจากอิมเมจ JavaScript ก่อนที่จะอัปโหลด (เข้ากันได้กับเบราว์เซอร์ทั้งหมด)
<! doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <style type = "text/css"> #preview, .img, img {ความกว้าง: 200px; ความสูง: 200px; } #Preview {Border: 1px Solid #000; } </style> </head> <body> <div id = "preview"> </div> <อินพุต type = "ไฟล์" onchange = "ดูตัวอย่าง (นี่)"/> <script type = "text/javascript"> ฟังก์ชั่นตัวอย่าง (ไฟล์) {var prevdiv = document.getElementById ( if (file.files && file.files [0]) {var reader = new filereader (); reader.onload = function (evt) {prevdiv.innerhtml = '<img src = "' + evt.target.result + '" />'; } reader.readasDataUrl (file.files [0]); } else {prevdiv.innerhtml = '<div style = "ตัวกรอง: progid: dximagetransform.microsoft.alphaimageLoader (sizingMethod = มาตราส่วน, src =' 'file.value +'/'"> </div>';ประเด็นสำคัญของการดำเนินการ
●สำหรับ Chrome, Firefox และ IE10 ให้ใช้ filereader เพื่อนำไปใช้
●สำหรับ IE6 ~ 9 ให้ใช้ตัวกรองตัวกรอง: progid: dximagetransform.microsoft.alphaimageloader เพื่อนำไปใช้
ฉันทดสอบ IE8+ โดยไม่มีปัญหาใด ๆ อย่างไรก็ตามบรรทัดการแยกพาพา ธ ของไฟล์ของ file.value ใน IE7 ถูกลบออกโดยเบราว์เซอร์และไม่แสดงบรรทัดการแยกพาพา ธ พา ธ
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น