解决谷歌浏览器上传图片框弹出时间过长的问题

最近在做文件上传, 发现在高版本的谷歌浏览器下有上传图片弹出框等待时间过长的问题(其他基于webkit内核的浏览器也有可能出现这个问题)
像一些编辑器 如UeditorEditor.md 会在编辑器的上传图片文件里写上下面的HTML代码:

<input type="file" name="pic" id="pic" accept="image/*">
// 打开要好几秒

后来发现问题点出现在input标签的accept属性上,于是改成:

 <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
// 打开速度很快
// 在文件上传中使用 accept 属性,可以接受 GIF 和 JPEG 两种图像

// hawtim tips:accept接受的文件类型越少打开对话框的时间就越短
参考input标签的accept属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,768评论 19 139
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,675评论 1 41
  • 浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的m...
    追卓2018阅读 5,244评论 0 2
  • 春天到了,谈恋爱的季节已经来临,万物生长,春意盎然,那颗青春躁动的心也开始萌动。初恋和初吻也是送给青春最美好的礼物...
    05f3ae22a228阅读 2,607评论 0 0
  • 是有一次听朋友提到这个,今天申请了,看看效果如何,是否适合自己。
    丹天阅读 1,144评论 0 0