预览图片的js代码: 复制代码 代码如下: <BR> function setImagePreview(docObj,localImagId,imgObjPreview) <BR> {<BR> if(docObj.files && docObj.files[0])<BR> {<BR> //火狐下,直接设img属性<BR> imgObjPreview.style.display = 'block';<BR> imgObjPreview.style.width = '300px';<BR> imgObjPreview.style.height = '200px'; <P><BR> //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式 <BR> imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);<BR> }<BR> else<BR> {<BR> //IE下,使用滤镜<BR> docObj.select();<BR> var imgSrc = document.selection.createRange().text;<br><br> //必须设置初始大小<BR> localImagId.style.width = "300px";<BR> localImagId.style.height = "200px";<br><br> //图片异常的捕捉,防止用户修改后缀来伪造图片<BR> try<BR> {<BR> localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";<BR> localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;<BR> }<BR> catch(e)<BR> {<BR> alert("您上传的图片格式不正确,请重新选择!");<BR> return false;<BR> } <BR> imgObjPreview.style.display = 'none';<BR> document.selection.empty();<BR> }<BR> return true;<BR> }<BR> fileupload控件及用来预览图片的image: 复制代码 代码如下: 功能很简单,代码也很易懂,相信不用我多废话大家也能看懂吧。感觉写这样的文章,真的没啥好说的,不多说,还是把重点放在代码上吧。