JSP/HTML 上传图片后立即在页面显现该图片

uploadPreview.js
支持IE7-IE10 谷歌 火狐 等浏览器
基于JQUERY扩展,需要引用JQUERY库。
使用方法:  

XML/HTML code

?

1 2 3

< div >          < img  id = "ImgPr"  width = "120"  height = "120"  /></ div >      < input  type = "file"  id = "up"  />

     把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予uploadPreview事件
     

XML/HTML code

?

1	$("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});

简单 方便 上传图片本地预览 一步搞定
演示地址:http://jquery.decadework.com
下载地址: http://jquery.decadework.com/plugin/uploadPreview.zip