Sivo 悉见

WebUploader单击选择文件按钮无效

匿名 · 更新于 2018/02/27 11:30:00

在EasyUI中使用WebUploader组件,准备上传文件,结果单击[选择文件]按钮无法弹出文件选择对话框。百思不得其解,由于使用的是Firefox浏览器的,所以本能的按下快捷键F12准备查看控制台,看看有无报错。错误没找到,但惊奇的发现,按F12后,WebUploader居然可以弹出文件选择框,而且其他功能也都正常了。

接着继续搜索WebUploader F12,发现不少网友都遇到了这个问题。有大神已经给出了解决方案,出现Bug的原因是[选择文件]按钮的长宽都是0,需要重新渲染一下网页,而F12正好有渲染网页的功能,好,原因找到了,解决方案就是重新渲染或实例化Uploader。

由于笔者使用了EasyUI tab,所以笔者在单击切换tab选项卡事件中加入重新实例化uploader.refresh()的代码,如下:

 

[javascript] view plain copy
 
  1. <script type="text/javascript">  
  2.     $(document).ready(function () {  
  3.         $('#tt').tabs({  
  4.             border: true,  
  5.             onSelect: function (title, index) {  
  6.                 if (index == 5)  
  7.                     uploader.refresh();  
  8.             }  
  9.         });  
  10.     });  
  11. </script>