如何使用 input 文件选择器仅允许选择特定文件类型？-小浪资源网

如何使用 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 扩展名的文件。

文章版权归作者所有，未经允许请勿转载。【小浪云服务商 - 服务器12元起 - 挂机宝5元起】

THE END