HTML 文件选择器 MIME 类型设置失效的原因和解决方案？

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

问题： 使用 HTML 文件选择器时，设置了多种文件类型的 MIME 类型，但部分类型未能生效，例如 CSV 文件。

代码：

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

原因：

默认情况下，文件选择器会将 MIME 类型视为 AND 逻辑，这意味着所有指定的 MIME 类型都必须匹配才能生效。因此，当没有匹配的 .csv 文件时，CSV MIME 类型就会失效。

立即学习“前端免费学习笔记（深入）”；

解决方案：

可以使用 OR 逻辑来解决此问题，方法是在 MIME 类型列表中添加逗号分隔的扩展名。例如：

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

以上就是HTML 文件选择器 MIME 类型设置失效的原因和解决方案？的详细内容，更多请关注其它相关文章！