Chrome 选择上传图片文件时，很久才能弹出文件选择窗口

使用 summernote 上传图片文件时，打开文件选择窗口异常缓慢

代码如下

<input class="note-image-input form-control" type="file" name="files" accept="image/*" multiple="multiple" />

但是修改为

<input class="note-image-input form-control" type="file" name="files" accept="image/gif,image/jpeg,image/jpg,image/png" multiple="multiple" />

就立马恢复正常。

原因是，如果不指明具体的文件类型，Chrome 会向 Google 服务器发送请求，以确认文件类型是否存在风险。但是由于大家都知道的原因，Google 服务器在地球上是无法直接访问的，所以会造成超时，导致文件选择窗口很久才能被打开。

据说这个 bug 已经被修复。但是，谨慎起见，还是写明文件类型比较保险。

更新

$(document).ready(function() {
    $('#summernote').summernote();
    $('.note-image-input').prop('accept', 'image/jpeg, image/jpg, image/png, image/gif');
});

在 github issue 里看到一个小哥贴出的更优雅的解决方案，避免了修改 min.js 文件。

微信关注我哦 👍

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式