什么是webuploader?
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,采用大文件分片并发上传,极大的提高了文件上传效率。
具体的使用方法请参考官方文档。这里记录一些使用过程中可能会出现的一些问题:
1.如果在隐藏的元素下使用webuploader,会发现不能选择文件上传。解决方法如下:
在隐藏元素显示后在调用webuploader.refresh即可,代码如下:
var uploader = new WebUploader.Uploader({
swf: 'path_of_swf/Uploader.swf'
// 其他配置项
});
//绑定的元素显示后执行
uploader.refresh();
2.如果在bootstrap的模态窗中使用这个控件方法,同样是模态窗显示后执行webuploader.refresh,但是需要注意的是,要侦听模态窗的shown.bs.modal的方法 而不是 show.bs.modal,解释如下:
show.bs.modal 窗口打开时执行
shown.bs.modal 窗口打开完成后执行
代码如下:
var uploader = new WebUploader.Uploader({
swf: 'path_of_swf/Uploader.swf'
// 其他配置项
});
$("#modal").on("shown.bs.modal", function () {
uploader.refresh();
})
RoveCoder版权所有,转载请注明