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

Posted colyn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决WebUploader 上传按钮按F12 才行的问题相关的知识,希望对你有一定的参考价值。

遇到了 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 的话就没这个问题,整个按钮都正常。
 
 
 
 

以上是关于解决WebUploader 上传按钮按F12 才行的问题的主要内容,如果未能解决你的问题,请参考以下文章

WebUploader 图片上传点击按钮无反应

webuploader在IE8/9下上传遇到的两个问题

webuploader怎么只能上传一个文件

如何让webuploader上传之前进行验证

用webuploader怎么解决跨域上传文件的问题

web uploader的demo怎样导入css文件?