解决WebUploader 在火狐浏览器上传按钮无效问题

来源:互联网 发布:视频压制软件 编辑:程序博客网 时间:2024/05/16 17:08

解决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文档

阅读全文
0 0