限制 HTML 文件输入仅接受 .txt，而不接受 .csv（在 Chrome 中）

Question

我试图过滤文件格式以仅接受.txtHTML。这是我的 HTML 代码：

<Input
 type="file"
 accept="text/plain"
/>

在 Safari 中，它可以工作并且只.txt显示文件，但在 Chrome (63.0.3239.84) 中，文件选择器也显示.csv文件。

是否可以排除.csvChrome 中的文件？

Answer 1

该accept属性指定表单输入将接受的文件类型。

句法

<input accept="file_extension|audio/*|video/*|image/*|media_type">

提示：要指定多个值，请用逗号分隔这些值（例如 .

解决方案

只需在accept属性中包含您希望允许的文件类型，如下所示：

<input accept=".txt"

注意：由于此文件限制是客户端，因此用户可以删除此属性并绕过此文件限制，从而可能导致漏洞。