WebUploader单击选择文件按钮无效

最新推荐文章于 2021-11-11 16:57:46 发布

血战31天

最新推荐文章于 2021-11-11 16:57:46 发布

阅读量6.3k

点赞数 3

分类专栏： javascript jquery 文章标签： WebUploader

本文链接：https://blog.youkuaiyun.com/daiqianjie/article/details/76263750

版权

javascript jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决WebUploader在EasyUI中无法弹出文件选择对话框的问题。问题出现在Firefox浏览器上，原因是按钮的尺寸设置为0，通过刷新或实例化uploader.refresh()的方法可以有效解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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>

思考这个问题好几天，总算解决了。