我们在代码中使用了HTML5的input[file]标签去上传图片

<input type="file" name="file" class="element" accept="image/*">

　　同时，在上面代码中，使用了 accept=”image/*” 去过滤所有非图片的文件。但是，这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题，可能要等 6~10s 才能弹出文件选择对话框。简直不能忍呀。在IE和Firefox中使用accept="image/*"属性则没有发现响应延迟的问题。

　　对属性进行逐一排查后，发现是accept=”image/*”的问题。将accept=”image/*”改为指定的图片格式就不会出现上述的概率性问题，所以我将上传图片的过滤格式指定为了常用的几种格式

<input type="file" name="file" class="element" accept="image/jpg,image/jpeg,image/png">

　　当然，如果希望过滤所有的非图片格式，那么这个问题还是会存在。原因初步猜想是当设置accept=”image/*”时，浏览器会在弹出框中处理所有的非图片元素，包含所有的图片格式，如果文件较多会增加处理时间，而这个时候可能在这个版本的chrome中有bug（也许是底层没实现好），导致概率性时间增长。