رمز معاينة موجود على الإنترنت لمعاينة الملف قبل التحميل ، مستنسخ من صور JavaScript قبل التحميل (متوافق مع جميع المتصفحات)
<! doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <style type = "text/css"> #preview ، .img ، img {width: 200px ؛ الارتفاع: 200 بكسل ؛ } #preview {border: 1px solid #000 ؛ } </style> </head> <body> <div id = "معاينة"> </div> <input type = "file" onChange = "Preview (this)"/> <script type = "text/javaScript"> Function Function (file) {var prevdiv = document.getElementByid ('Feariee') ؛ 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]) ؛ } آخر {prevdiv.innerhtml = '<div style = "filter: progid: dimizageTransform.microsoft.alphaimageLoader (sizeMethod = scale ، src =/' + file.value + '/'"> </div>}} </script> </body> </html>النقاط الرئيسية للتنفيذ
● بالنسبة إلى Chrome و Firefox و IE10 ، استخدم FileReader لتنفيذها.
● بالنسبة لـ IE6 ~ 9 ، استخدم مرشح المرشح: ProgID: dximagetransform.microsoft.alphaimageloader لتنفيذه.
لقد اختبرت IE8+ دون أي مشاكل. ومع ذلك ، تمت إزالة سطر تقسيم مسار الملف للملف.
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.