WebUploader单击选择文件按钮无效
匿名 · 更新于 2018/02/27 11:30:00
在EasyUI中使用WebUploader组件,准备上传文件,结果单击[选择文件]按钮无法弹出文件选择对话框。百思不得其解,由于使用的是Firefox浏览器的,所以本能的按下快捷键F12准备查看控制台,看看有无报错。错误没找到,但惊奇的发现,按F12后,WebUploader居然可以弹出文件选择框,而且其他功能也都正常了。
接着继续搜索WebUploader F12,发现不少网友都遇到了这个问题。有大神已经给出了解决方案,出现Bug的原因是[选择文件]按钮的长宽都是0,需要重新渲染一下网页,而F12正好有渲染网页的功能,好,原因找到了,解决方案就是重新渲染或实例化Uploader。
由于笔者使用了EasyUI tab,所以笔者在单击切换tab选项卡事件中加入重新实例化uploader.refresh()的代码,如下:
- <script type="text/javascript">
- $(document).ready(function () {
- $('#tt').tabs({
- border: true,
- onSelect: function (title, index) {
- if (index == 5)
- uploader.refresh();
- }
- });
- });
- </script>
