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

Question

我试图过滤文件格式，只接受HTML中的.txt。这是我的HTML代码：

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

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

是否可以在Chrome中排除.csv文件？

Answer 1

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

Syntax

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

提示：要指定多个值，请使用逗号分隔值（例如。

---

Solution

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

<input accept=".txt"

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

Answer 2

我没有尝试过，但我认为它会起作用：

<input type="file" accept=".txt"/>