html - input ['file' ] accept ="image/*"打开对话框用 Chrome 这么慢

Question

当我使用 <input type="file" accept="image/*"/> 时对于 Chrome，它打开对话框的速度非常慢(在 Mac 10.11.6 和 Chrome 52.0.2743.116 64 位上超过 10 秒)。

但是当我删除 accept="image/*" ，就变成对了。我查看了我的 Facebook 页面，它运行良好。有什么不同？

Stack Overflow 的图片上传在我的 Chrome 上也变得很慢。

我的 Chrome 会怎样？我测试过别人的Chrome，没问题……

Answer 1

2017 年 7 月更新: 这被确认为 bug在 Chrome 中，它是 fixed现在。

此错误的根本原因是:Chrome 的安全浏览 功能会在上传或保存时检查文件。如果与谷歌服务器的互联网连接速度很快，就可以了。但如果连接缓慢或断开，安全浏览 将使 Chrome 挂起几秒钟，直到检查完成或超时。

使用 accept="image/png, image/jpeg, image/gif"将解决此问题，因为 MIME 类型 image/png, image/jpeg, image/gif在SafeBrowsing 的白名单中——无需检查。但是，对于 accept="image/*"或 accept=".apk" ，因为它不在白名单中，SafeBrowsing 将触发检查并挂起 Chrome。

此错误已fixed通过跳过上传检查。

注意:以上信息我是从一个中文article得到的王磊写的，灵感来源于@cute_ptr的回答。感谢王雷，我认为@cute_ptr 的回答值得点赞。

---

更新:感谢@xiefei 的评论，最终解决方法将是: <input type="file" name="imgFile" accept="image/png, image/jpeg, image/gif"> .如有必要，可以附加其他图像 MIME 类型。

---

此错误在我的机器上重现:Mac + Chrome + <input type="file" accept="image/*"> .当 accept 时，这似乎是 Mac 上的 Chrome 错误使用属性，因为它不会在 Windows 环境或其他浏览器上重现。