过滤文件输入的文件类型.md

过滤文件输入的文件类型

默认情况下，单击文件输入（<input type="file"/>）时，浏览器将列出目标文件夹中的所有文件。

文件输入提供 accept 属性，该属性提示浏览器列出特定的文件类型。属性值可以是一个或多个文件扩展名、MIME 类型，用逗号分隔。

例如，要求用户选择的图像类型如下所示：

<!-- 文件扩展名 -->
<input type="file" accept=".png, .jpg, .jpeg" />

<!-- MIME 类型 -->
<input type="file" accept="image/png, image/jpeg" />

accept 属性不阻止用户选择类型不在列表中的文件。不要使用它来验证所选文件。

更多资料

阿宝哥的 JavaScript 如何检测文件的类型？ 解读了另一种检查文件类型的方式：读取文件的二进制数据。具体看原文。