Kode pratinjau yang ditemukan di internet untuk melihat pratinjau file sebelum mengunggah, direproduksi dari gambar JavaScript sebelum mengunggah (kompatibel dengan semua browser)
<! Doctype html> <html> <head> <meta http-equiv = "konten tipe" content = "text/html; charset = utf-8"/> <style type = "text/css"> #preview, .img, img {width: 200px; Tinggi: 200px; } #preview {border: 1px solid #000; } </style> </head> <body> <Div id = "preview"> </div> <input type = "file" onchange = "preview (this)"/<script type = "text/javascript"> Fungsi pratinjau (file) {var prevDiv = document.getElementById ('preview'); 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="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=/'' + file.value + '/'"></div>'; } } </script></body></html>Poin -poin penting dari implementasi
● Untuk Chrome, Firefox, dan IE10, gunakan filereader untuk mengimplementasikannya.
● Untuk IE6 ~ 9, gunakan filter filter: progid: dximagetransform.microsoft.alphaimageloader untuk mengimplementasikannya.
Saya menguji IE8+ tanpa masalah. Namun, jalur pemisahan jalur file file.
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.