使用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:选择文件后回调方法;
相关文章推荐
- 使用uploadPreview插件上传文件并且预览
- uploadPreview 兼容多浏览器图片上传及预览插件使用
- jquery 实现ajax 上传文件的功能(使用插件 ajaxfileupload)
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
- JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
- 使用jquery插件uploadify结合commons fileupload实现多文件上传
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- javax.imageio.IIOException: Can't create cache file!(使用uploadfile插件上传文件)
- jquery uploadify 多文件上传插件 使用经验
- ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)
- 使用 jquery 的 上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能。并且在界面上有radio 的选择内容也要上传
- jQuery上传文件插件AjaxFileUpload的使用
- MVC文件上传07-使用客户端jQuery-File-Upload插件和服务端Backload组件裁剪上传图片
- JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
- MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传
- 使用ajaxfileupload.js插件实现Ajax方式上传文件
- 使用 jquery 的 上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能。并且在界面上有radio 的选择内容也要上传
- 使用jquery uploadfy插件上传文件返回json格式的处理办法