عند العمل في Shenzhen ، تحتاج إلى مستخدم لتحميل وظيفة معاينة الصورة الرمزية! بحثت عن الكثير منهم على الإنترنت ، لكنني لم أكن راضياً للغاية. إما أنه فلاش ، أو أنه يرجع مسار الصورة بعد تحميل AJAX ، أو أنه غير صالح للاستخدام على الإطلاق. لحسن الحظ ، كتب شخص ما وظيفة معاينة الصور في هذا المشروع من قبل ، وأخذتها لسجل سجل هنا لتسهيل استخدامها في المستقبل وللأصدقاء الآخرين المحتاجين!
الرمز بسيط ، على النحو التالي:
<! 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 = "text/html ؛ charset = utf-8"/> <title> by: dragondean </title> typse/javafctir setImagePreview (avalue) {var docObj = document.getElementById ("doc") ؛ var imgobjpreview = document.getElementById ("معاينة") ؛ if (docobj.files && docobj.files [0]) {// under firefox ، sele the img endistict imgobreview. 'block' ؛ imgobjpreview.style.width = '150px' ؛ imgobjpreview.style.height = '180px' ؛ //imgobjpreview.src = docobj.files [0] .getasdataurl () ؛ // لا يمكن الحصول على إصدار Firefox 7 أو أعلى باستخدام طريقة getAsdataurl () أعلاه. أنت بحاجة إلى الطريقة التالية imgobjpreview.src = window.url.createObjecturl (docobj.files [0]) ؛} آخر {// تحت IE ، استخدم filter docobj.select () localimagid.style.width = "150px" ؛ localimagid.style.height = "180px" ؛ جرب {localimagid.style.filter = "progID: dimizageTransform.microsoft.alphaimageloader (ZizeMethod = scale)" ؛ localiMagid.filters.item ("dimaagetransform.microsoft.alphaimageloader"). src = imgsrc ؛ غير صحيح ، الرجاء تحديد مرة أخرى! ") id = "معاينة" src = "http://blog.chuangling.net/public/images/top.jpg" style = "display: block ؛ العرض: 150 بكسل ؛ الارتفاع: 180px ؛ "> </viv> </td> </tr> <tr> <td align =" center "style =" padding-top: 10px ؛ "> <input type =" file "name =" file "id =" doc "onchange =" javaScript: setImagePreive () ؛ "يمكن استخدام الاختبارات في IE8 و FF12.0 و Google Chrome 28.0.1500.72!