HTML 文件选择器 MIME 类型设置失效的原因和解决方案？-小浪资源网

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">

登录后复制

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

THE END