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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式