近期做的项目中需要用到富文本编辑器,最终选择的是使用summernote插件。使用过程中发现从本地上传图片时,在Webkit打开选择文件时打开速度很慢,需要等待10秒左右。在火狐,ie是正常的。
查看了源代码,发现input标签里面有accept属性。
试着去掉这个属性之后,在chrome打开选择文件时,速度正常。问题解决。之后又对accept属性值做了其他的设定, 将 * 通配符修改为指定的MIME类型,
就可以解决Webkit浏览器下的对话框显示滞慢的问题。
导致Webkit浏览器下的对话框显示滞慢 的原因:accept=”image/*”属性会对每一个文件都遍历一次所有的”image/*”文件类型,当文件较多时,文件的检验时间较长,这可能是Webkit的底层实现的bug。