input 文件上传标签响应很慢问题解决

Posted 2020-09-19

<input type="file" accept="image/*">

当input的accept属性值为image/*时，谷歌下点击上传文件需要等几秒钟才会出现，ie下却没有这个问题。

经查找参考http://www.tuicool.com/articles/vYfYVnf ， 发现是input的accept属性与Webkit浏览器引发的问题。解决方案为修改accept为指定类型：

<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">

再次测试仍出现文件选择框延迟出现的现象 ， 经测试是由于 image/svg标签引起的，  去掉image/svg标签就可以了。

原因分析： 没搞懂  = = 。

最终方案：

<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png">

本文出自 “陈安一” 博客，请务必保留此出处http://dabaozi.blog.51cto.com/8032088/1928585