input文件选择器指定mime类型无效？

在使用input文件选择器时，目标是限制用户只能选择特定文件类型，如xls、xlsx和csv。然而，在设置mime类型时，遭遇csv不起效的问题。

代码如下：

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

运行结果显示，只有xls和xlsx的mime类型生效，而csv无效。

CDO / Chief Data Officer

通过治理框架、分析平台、AI/ML举措和隐私合规推动数据战略

下载

解决方法：

为了解决此问题，可以在accept属性中添加.csv扩展名：

accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv, .csv"

这样，文件选择器将能够正确限制用户只能选择xls、xlsx和csv文件。