WebUploader单击选择文件按钮无效
2017-07-28 15:57
295 查看
在EasyUI中使用WebUploader组件,准备上传文件,结果单击[选择文件]按钮无法弹出文件选择对话框。百思不得其解,由于使用的是Firefox浏览器的,所以本能的按下快捷键F12准备查看控制台,看看有无报错。错误没找到,但惊奇的发现,按F12后,WebUploader居然可以弹出文件选择框,而且其他功能也都正常了。
接着继续搜索WebUploader F12,发现不少网友都遇到了这个问题。有大神已经给出了解决方案,出现Bug的原因是[选择文件]按钮的长宽都是0,需要重新渲染一下网页,而F12正好有渲染网页的功能,好,原因找到了,解决方案就是重新渲染或实例化Uploader。
由于笔者使用了EasyUI tab,所以笔者在单击切换tab选项卡事件中加入重新实例化uploader.refresh()的代码,如下:
思考这个问题好几天,总算解决了。
接着继续搜索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>
思考这个问题好几天,总算解决了。
相关文章推荐
- WebUploader 上传插件选择上传文件按钮无效问题
- 解决WebUploader 选择文件按钮点击无效问题
- webuploader在bootstrap模态对话框中选择文件按钮无效的问题
- WebUploader 选择图片按钮点击无效问题
- 百度webuploader 插件,选择图片按钮点击无效解决
- WebUploader UEditor chrome 点击上传文件选择框会延迟几秒才会显示 反应很慢
- chrome中加载WebUploader、UEditor,点击上传文件选择框会延迟几秒才会显示,反应很慢
- WebUploader UEditor chrome 点击上传文件选择框会延迟几秒才会显示 反应很慢
- 使用Webuploader过程中遇到的坑--ios端,选择文件后无反应
- webuploader.js谷歌浏览器本地调用点击上传文件选择框会卡顿
- webuploader自己选择上传指定的文件
- webuploader 文件上传插件 IE8/9 文件选择不上传
- WebUploader UEditor chrome 点击上传文件选择框会延迟几秒才会显示
- se JEE 3.6 (或以上版本)新建 Dynamic web Project,直接单击 finish按钮 后 WEB-INF 下没有web.xml文件?
- 解决WebUploader 在火狐浏览器上传按钮无效问题
- 单击MFC对话框中按钮弹出文件选择对话框
- WEB版一次选择多个文件进行批量上传(WebUploader)的解决方案
- WebUploader UEditor chrome 点击上传文件选择框会延迟几秒才会显示 反应很慢
- WebUploader点击上传文件选择框会延迟几秒才会显示
- WEB版一次选择多个文件进行批量上传(WebUploader)的解决方案