الرمز كما يلي
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> Unted Document </title>
<script type = "text/javaScript">
// معاينة الصورة المحلية
وظيفة setImagePreview (Fieldupload ، Image ، imagediv) {
var docobj = document.getElementById (fieldupload) ؛
var imgobjpreview = document.getElementById (Image) ؛
if (docobj.files && docobj.files [0]) {
// تحت Firefox ، قم بتعيين سمة IMG مباشرة
imgobjpreview.style.display = 'block' ؛
imgobjpreview.style.width = '150px' ؛
imgobjpreview.style.height = '150px' ؛
//imgobjpreview.src = docobj.files [0] .getasDataurl () ؛
// لا يمكن الحصول على Firefox 7 أو أعلى باستخدام طريقة getAsdataurl () أعلاه ، والطريقة التالية مطلوبة
imgobjpreview.src = window.url.createObjecturl (docobj.files [0]) ؛
} آخر {
// استخدم المرشحات تحت IE
docobj.select () ؛
var imgsrc = document.selection.createRange (). text ؛
var localimagid = document.getElementById (imagediv) ؛
// يجب تعيين الحجم الأولي
localimagid.style.width = "150px" ؛
localimagid.style.height = "150px" ؛
// استثناء الصورة لمنع المستخدمين من تعديل اللاحقة إلى صياغة الصور
يحاول {
localimagid.style.filter = "progid: dimizageTransform.Microsoft.Alphaimageloader (ZizeMethod = scale)" ؛
} catch (e) {
التنبيه ("الصورة التي تم تحميلها غير صحيحة ، يرجى إعادة تحديد!") ؛
العودة كاذبة
}
imgobjpreview.style.display = 'none' ؛
document.selection.empty () ؛
}
العودة صحيح.
}
</script>
</head>
<body>
<div id="localImag"> <img id="preview" src="http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%e6%9a%82%e6%97%a0% E5 ٪ 9b ٪ يكون ٪ E7 ٪ 89 ٪ 87.gif " /> </viv>
<viv>
<type type = "file" onChange = "JavaScript: SetImagePreview (" التحميل "،" معاينة "،" LocalImag ") ؛"
</div>
</body>
</html>