webuploader多文件上传_关于WebUploader初始化隐藏元素失败的问题

在项目中使用webuploader进行文件上传时，一般情况下都没有问题，像下面这样

var uploaderImg = WebUploader.create({ auto: true, server: '', pick: { id: '#btnUploadImg', multiple: false }, resize: false, chunked: true, chunkSize: 2048000, accept: { title: '图片', extensions: 'jpg,jpeg,png', mimeTypes: 'image/jpg,image/jpeg,image/png' } });

但是，如果开始时按钮是隐藏的，那么在显示之后再次点击选择文件时会发现没有反应，

可以参照下面的方法进行解决：

1、显示之后，使用webuploader自带的刷新方法刷新一下即可。

uploaderImg.refresh();//刷新容器

2、初始化时容器不进行隐藏，使用opacity属性将容器置为透明的，需要显示时在还原也可以。

(为了避免鼠标放在上传按钮上时进行变化，可以将容器的position设置为absolute或fixed，然后给定位到其他位置)