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

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

猜你喜欢

转载自blog.csdn.net/germy2/article/details/88181808
今日推荐