input type=file accept属性在chrome响应问题

近期做的项目中需要用到富文本编辑器，最终选择的是使用summernote插件。使用过程中发现从本地上传图片时，在Webkit打开选择文件时打开速度很慢，需要等待10秒左右。在火狐，ie是正常的。

查看了源代码，发现input标签里面有accept属性。

试着去掉这个属性之后，在chrome打开选择文件时，速度正常。问题解决。之后又对accept属性值做了其他的设定， 将 * 通配符修改为指定的MIME类型，

就可以解决Webkit浏览器下的对话框显示滞慢的问题。

导致Webkit浏览器下的对话框显示滞慢 的原因：accept=”image/*”属性会对每一个文件都遍历一次所有的”image/*”文件类型，当文件较多时，文件的检验时间较长，这可能是Webkit的底层实现的bug。

 

 

 

转载于:https://my.oschina.net/u/3032291/blog/817838