webuploader 百度上传,一个页面多个上传按钮
2017-05-16 10:54
351 查看
需求:列表里每条数据需加文件上传
html:
<div> <ul class="SR_wrap_pic"></ul> <button type="button" class="btn btn-xs btn-primary SR_btn_pic" onclick="addWebUpload_current(this)"> <i class="fa fa-upload"></i> Upload <span class="uploadBtn_pic"></span> </button> </div>
js:
//当前活动按钮处,添加放置标记图片位置 function addWebUpload_current(obj) { $(".webUpload_current").removeClass("webUpload_current");//先全部移除 $(obj).parent().addClass("webUpload_current");//添加当前标识 }
webuploader 插件部分:
pick: { id: '.uploadBtn_pic', multiple:false //默认为true,就是可以多选 }, duplicate :true//让图片可重复上传
//当前活动按钮行,添加图片
$(".webUpload_current").append( $li );
注意:页面如果有隐藏的上传按钮(如弹窗里面),当隐藏block的时候,再初始化一下WebUploader即可
相关文章推荐
- webuploader在同一个页面支持多个按钮实例
- 同一个页面使用webuploader实现多实例多上传案例
- webuploader在同一个页面支持多个按钮实例
- 百度webuploader,一个简单易用的jqeury 上传文件插件
- thinkphp5结合webuploader单页面多按钮上传图片
- 关于上传图片插件webuploader的使用(同一个页面存在多个实例):
- 百度 flash html5自切换 多文件异步上传控件webuploader基本用法
- 封装Web Uploader 上传插件、My97DatePicker、百度 编辑器 的使用 (ASP.NET MVC)
- 百度上传组件 WebUploader
- 百度webuploader 上传演示例子
- 百度上传组件web uploader介绍+快速入门案例
- 百度上传控件webuploader的上传与修改,Java版本
- 揭露黑客是如何通过上传一个jsp页面控制和攻击你web站点的(含jsp代码)
- 百度上传组件:webuploader
- 记录: 百度webuploader 分片文件上传java服务器端(spring mvc)示例的优化
- 对百度WebUploader开源上传控件的二次封装,精简前端代码(两句代码搞定上传)
- 用百度开源webuploader 上传图片 rubyonrails 后端代码
- 如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- 使用百度Web Uploader上传文件的简单用例