WebUploader初始化时的缺陷及处理方法

选择图片

如上所示的html，在初始化之后会变成如下

  
选择图片
  

    
    
  

此时表现一切正常，但是……
如果filePicker这个div自身或者其所处的容器是不可见的，在初始化过程中会因为取不到宽高，导致id未rt_开头的div的宽高只有1px × 1px，其子元素label也就只有1px × 1px的情况。

  
选择图片
  

    
    
  

label是作为一个透明的遮罩层存在，并且监听了点击事件再转而触发其兄弟元素input的点击的。而一个只有1px × 1px大小的遮罩层，基本上是不可能被用户点击到了，可以预想到的后果：一脸懵逼“咋点了没反应？”

随便拍脑袋想想，解决方案可以有好多：
一、延迟初始化，在容器第一次设置为可见之后再初始化
二、在容器可见之后重置其样式

在不急动手，看了会源码和文档之后，发现有提供refresh方法，那就简单了，在容器可见后refresh一下即可

$.each(uploadBtnArray, function(index, el){
  el.refresh();
});