Dropzone.js拖放文件在Firefox失效但Chrome正常,该如何修复?
Firefox下Dropzone.js图片拖放功能失效问题排查记录
问题现象
用Dropzone.js开发的图片粘贴应用,在Chrome浏览器中拖放文件功能正常,但在Firefox中无法触发应用的拖放逻辑——拖入本地文件时,浏览器会直接尝试加载该本地文件,而非交由应用处理。
尝试过的解决手段
- 在
div#dropzone、body以及window节点上绑定事件,尝试阻止默认行为,示例代码:
window.addEventListener('drop', (event) => { e.preventDefault(); })
最终排查结论
经排查确认这是Firefox自身的配置问题:
- 测试环境为Fedora Silverblue系统上的Flatpak版Firefox,更换旧版系统自带Firefox后问题依旧;
- 重置系统Firefox的设置并进入故障排除模式后,多个网站的拖放上传功能均恢复正常,因此确定是Firefox的配置异常导致该问题,现关闭此提问。
内容的提问来源于stack exchange,提问作者Stefan Midjich
相关产品推荐
相关产品推荐

