webuploader大文件上传，在隐藏的元素下不能使用的问题

什么是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();
})

关键词： webuploader 大文件 上传 元素 解析： - **webuploader**（专有名词，指特定工具） - **大文件**（复合名词，描述文件类型） - **上传**（动作对应的名词化表达） - **元素**（网页组件的基本单位）