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

更新日期: 2017-09-30 阅读次数: 7270 分类: 浏览器

使用 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 聊聊, 查看更多联系方式