限制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属性指定表单输入将接受的文件类型。

语法

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

  

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

解决方案

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

<input accept=".txt"

  

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

Answer 2

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

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