摘要：标签的属性可用于指定上传文件的类型。 不过这段代码在He等浏览器下存在响应慢的问题，可能需要一段时间才会弹出文件选择对话框。 使用 和 中的属性时，未发现响应延迟问题。 同理，将通配符改为指定类型即可解决。

input[file]标签的accept属性可用于指定上传文件的 MIME类型 。

例如，如果要实现默认上传图片文件的代码，代码可以如下：

效果是默认会过滤掉所有非图像文件。

但！

这段代码在和泰等浏览器下存在响应慢的问题。 弹出文件选择对话框可能需要 6 到 10 秒的时间。 简直难以忍受。

在IE和IE中使用=”image/*”属性没有发现响应延迟问题。

于是经过多次尝试，发现是=”image/”属性的问题。 删除它或者将通配符更改为指定的MIME类型，可以解决浏览器下对话框显示缓慢的问题。

解决方法如下：

“image/”属性将遍历每个文件的所有“image/”文件类型。 当文件较多时，文件验证时间会较长。 这可能是底层实现中的一个错误。

此外，

=”audio/”和=”video/”属性在浏览器下也会出现同样的响应延迟问题。 同样，可以通过将*通配符更改为指定的MIME类型来解决。

PS：您可以添加微信订阅号“冷星雪前端”同步更新文章内容。