登录
首页 >  文章 >  前端

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

时间:2024-11-02 14:48:46 140浏览 收藏

本篇文章向大家介绍《如何使用 input 文件选择器仅允许选择特定文件类型? 》,主要包括,具有一定的参考价值,需要的朋友可以参考一下。

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

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

问题:

如何在 input 文件选择器中设置 MIME 类型,仅允许选择特定的文件类型(例如 xls、xlsx 和 csv)?

具体问题:

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

代码示例:

运行截图:

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

答案:

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

accept="..., .csv"

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

修改后的代码:

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

理论要掌握,实操不能落!以上关于《如何使用 input 文件选择器仅允许选择特定文件类型? 》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注golang学习网公众号吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>