解决WebUploader 上传按钮按F12 才行的问题

Posted 2021-12-13 colyn

遇到了 WebUploader 插件的上传按钮点击无效(此时鼠标在按钮任何位置时，按钮都没变化)、按F12 之后才有反应(此时鼠标在按钮任何位置时，按钮颜色都会变深) 的问题，网上查到一些答案，找到了一种测试有效的办法。

 

首先出现Bug的原因是插件生成[选择文件]按钮的长宽都是0，所以点击不到；需要重新渲染一下网页，而F12正好有渲染网页的功能。

 

解决办法分以下两步：

 

1）在页面加一段样式：

 

<style>  

    #filePicker div:nth-child(2){width:100%!important;height:100%!important;}  

</style>  

 

2）如果上传按钮用的不是div 标签，改为div 标签，如 <span id="filePicker">选择图片</span>，改为<div id="filePicker">选择图片</div>。

 

如果做了第一步但用的是span 标签的话，只有鼠标在文字下方的按钮区域才有效(有效时，鼠标移上去按钮颜色会变深，无效时按钮没反应)，按F12之后，只有鼠标在文字上方的按钮区域点击才有效；

 

用div 的话就没这个问题，整个按钮都正常。

 

 

 

 

引用自：http://www.lingyun.net/forum/384.html