JavaScript يمنع ملف تحديد ملف العميل وعلامة IMG صورة العميل لتحقيق معاينة الصورة.
متصفحات الاختبار: Firefox6 ، Firefox12 ، Chrome 25.0.1364.172 M ، IE6-IE10 كلها متوافقة
لا يدعم Safari5.0.4 طرق FileReader و File.files.item (0) .getasdataurl. لا يوجد حل في الوقت الحالي. تحتاج إلى تحميله على الخادم وإرجاع اسم الملف المؤقت وتحميله باستخدام علامة IMG. لا أعرف ما إذا كان إصدار Safari اللاحق يدعم كائنات FileReader.
تأثير IE10:
آثار IE9:
تنفيذ رمز المصدر:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "txt/html ؛ charset = utf-8"/> <title> javascript direments ie ، firef client impision> IE6 هو IE6. من خلال الحكم على أن useragent ليست دقيقة بالضرورة إذا (document.all) document.write ('<!-[إذا كان lte ie 6]> <script type = "text/javaScript"> window.ie6 = true <// script> <! [endif]->') ؛ // var ie6 =/msie 6/i.test (navigator.useragent) ؛ // غير موصى بها ، سيتم تغيير وظيفة ee6 من الأنظمة IE6 أو IE8 (picid ، fileID) {var pic = document.getElementById (picid) ؛ var file = document.getElementById (fileId) ؛ if (window.filereader) {// chrome ، firefox7+، opera ، ie10 ، ie9 ، IE9 يمكن أيضًا استخدام المرشحات لتنفيذ OfReader = new fileReader () ؛ OfReader.ReadasDataurl (file.files [0]) ؛ OfReader.onload = function (OFREVENT) {pic.src = OFREVENT.Target.Result ؛} ؛ } آخر إذا (document.all) {// ie8- file.select () ؛ var relelocalpath = document.selection.createRange (). text // احصل على مسار الملف المحلي الفعلي ضمن ie if (window.ie6) pic.src = realocalpath ؛ // IE6 Browser يقوم بتعيين SRC الخاص بـ IMG على المسار المحلي لعرض الصورة مباشرة {// IE6 من IE STING SRC مباشرة ، لا يمكن عرض الصورة المحلية بسبب مشكلات الأمان ، ولكن يمكن تنفيذها من خلال المرشحات. لا يدعم متصفح IE10 المرشحات ويحتاج إلى استخدام FileReader لتنفيذه. لذا يرجى الحذر من الحكم على أن FileReader first pic.style.filter = "progId: dximageTransform.microsoft.alphaimageLoader (tizingmethod = 'image' ، src =/" " + reallocalpath +"/")" ؛ pic.src = 'data: image/gif ؛ base64 ، r0lgodlhaqabaiaaap ///aaach5baeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaw ==' ؛ {// firefox6- if (file.files.item (0)) {url = file.files.item (0) .getasdataurl () ؛ pic.src = url ؛ }}} </script> </head> <body> <form name = "form1" enctype = "multipart/form-data"> <table> <tr> <td> sketch 1: </td> <td> <td type = "file" name = "file1" id = "file1" onchang </td> <td> <img src = "images/px.gif" id = "pic1"> </td> </tr> <tr> <td> sketch 2: </td> <td> <td> <input type = "file" name = "file2" id = "file2" </td> <td> <img src = "images/px.gif" id = "pic2"> </td> </tr> </table> </form> </body> </html>