解决WebUploader 在火狐浏览器上传按钮无效问题
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。
在项目的一个上传模块用到了WebUploader,发现在chrome浏览器点击上传按钮都正常上传,但在火狐浏览器点击上传却没有反应。
在网上查了各种资料,发现Firefox里面button标签内部是可以含有其他标签,但是不能对内部标签绑定事件,button内部只能是文本。所以将button标签改为其他标签
原来代码
<p>
<button class="btn-32 bg-main opacity" id="file_button">上传模型文件</button>
</p>
对id为file_button的标签添加按钮,会在button标签下添加新的标签。
uploader.addButton({
id: '#file_button',
innerHTML: '选择文件'
})
因为button标签下其他标签不能添加事件,所以改为span标签
<p>
<span class="btn-32 bg-main opacity" id="file_button">上传模型文件</span>
</p>
WebUploader文档