您的位置:首页 > 其它

使用uploadPreview插件上传文件并且预览

2017-03-22 16:17 567 查看
<input type="file" id="userImg" name="userImg" style="display: none;"/>
<div id="imgdiv">
<img id="imgPreview" style="cursor: pointer;max-width:200px;max-height: 200px;" src="${ctx}/assets/hplus/img/upimg_btn.png" />
</div>
//图片预览
new uploadPreview({
UpBtn : "userImg",
DivShow : "imgdiv",
ImgShow : "imgPreview",
ImgType:["jpg","png","jpeg","gif","bmp"]
});

/**
* 点击显示上传框
*/
$("#imgPreview").click(function(){
$("#userImg").click();

});


UpBtn:选择文件控件ID;

DivShow:DIV控件ID;

ImgShow:图片控件ID;

Width:预览宽度;

Height:预览高度;

ImgType:支持文件类型 格式:["jpg","png"];

callback:选择文件后回调方法;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐