如何使用 input 文件选择器仅允许选择特定文件类型？

input 文件选择器设置 mime 类型问题

问题：

如何在 input 文件选择器中设置 MIME 类型，仅允许选择特定的文件类型（例如 xls、xlsx 和 csv）？

具体问题：

虽然已设置 accept 属性，但 csv 文件类型似乎无法生效。

代码示例：

<input type="file"
       id="avatar" name="avatar"
       accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv">

运行截图：

![文件选择器截图，仅显示 xls 和 xlsx 文件类型]**

答案：

为了使 csv 文件类型生效，可以添加额外的 accept 值：

accept="..., .csv"

这是因为 MIME 类型只匹配 MIME 类型前面的扩展名，而不会匹配文件扩展名前面的 MIME 类型。

修改后的代码：

<input type="file"
       id="avatar" name="avatar"
       accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv, .csv">

此更改将允许选择所有具有指定 MIME 类型的文件以及具有 .csv 扩展名的文件。

以上就是如何使用 input 文件选择器仅允许选择特定文件类型？的详细内容，更多请关注其它相关文章！