插件WebUploader 上传按钮没反应,按F12 才会有反应的问题的解决方案
最近做的一个项目用到了WebUploader,但是在多图上传时遇到了一个问题,点击上传按钮没有反应,然后按一下F12就可以正常点击了,然后就开始找解决方法,最终找到一个:
出现问题的原因是插件生成[选择文件]按钮的长度和宽度都是0px,所以鼠标点击不到,才出现了点击上传按钮无效;需要重新渲染一下网页,而F12正好有渲染网页的功能。所以按F12后可以正常点击上传。
解决办法分以下两步:(有的只加上第一步就可以实现修复此BUG)
1)在页面中加一段样式:
<style>
#filePicker div:nth-child(2){100%!important;height:100%!important;}
</style>
2)如果上传按钮用的不是div 标签,改为div 标签,如 <span id="filePicker">点击上传</span>,改为<div id="filePicker">点击上传</div>。