WebUploader一个页面有多个图片上传按钮如何实现

Question

如题。

一个页面有多个图片上传按钮用于上传不同用途的图片，并且互相没有干扰。请问用WebUploader如何实现呢？

Answer 1

根据题主的意思，应该是需要实例化多个上传组件。

也可以关注一下这个上传组件：

http://uxcore.github.io/uxcore-uploadcore/

http://uxcore.github.io/uxcore-uploader/

Answer 2

如果通过class（pick: '.upload-btn'），实例化多个上传按钮组件，在事件的第一个参数里（比如uploadSuccess）的第一个参数里obj可以拿到 obj.source.ruid（即点击的按钮唯一id），如果用途不一样，在上传按钮上加个标识用以区分就可以了，然后用标识去判断，做不同的处理

Answer 3

没有使用过webuploader
通过id初始化 简单粗暴则用each 文件数未知的话尝试共用config
参照https://github.com/fex-team/webuploader/issues/80

另外对于不支持html5也没有flash插件的浏览器 不知webuploader怎样兼容

纯属瞎蒙 不对勿喷

Answer 4

单页面放多个上传组件，只能用iframe加input，在子框架上传成功后，传值回到父框架的input里。这类在网上相关案例比较少，希望这个思路对你有帮助。

Answer 5

我的解决方案，不知道是不是你要找的。
https://www.lvtao.net/web/209...

Answer 6

WebUploader 实现一个页面多个上传按钮且互不影响
http://itnoob.net/cms/article...