上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。预览图片的js代码: 复制代码 代码如下: <BR>function setImagePreview(docObj,localImagId,imgObjPreview) <BR>{ <BR>if(docObjfiles && docObjfiles[0]) <BR>{ <BR>//火狐下,直接设img属性 <BR>imgObjPreviewstyledisplay = 'block'; <BR>imgObjPreviewstylewidth = '300px'; <BR>imgObjPreviewstyleheight = '200px'; <BR>//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式 <BR>imgObjPreviewsrc = windowURLcreateObjectURL(docObjfiles[0]); <BR>} <BR>else <BR>{ <BR>//IE下,使用滤镜 <BR>docObjselect(); <BR>var imgSrc = documentselectioncreateRange()text; <BR>//必须设置初始大小 <BR>localImagIdstylewidth = "300px"; <BR>localImagIdstyleheight = "200px"; <BR>//图片异常的捕捉,防止用户修改后缀来伪造图片 <BR>try <BR>{ <BR>localImagIdstylefilter="progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)"; <BR>localImagIdfiltersitem("DXImageTransformMicrosoftAlphaImageLoader")src = imgSrc; <BR>} <BR>catch(e) <BR>{ <BR>alert("您上传的图片格式不正确,请重新选择!"); <BR>return false; <BR>} <BR>imgObjPreviewstyledisplay = 'none'; <BR>documentselectionempty(); <BR>} <BR>return true; <BR>} <BR> fileupload控件及用来预览图片的image: 复制代码 代码如下: 功能很简单,代码也很易懂,相信不用我多废话大家也能看懂吧。感觉写这样的文章,真的没啥好说的,不多说,还是把重点放在代码上吧。