html - 限制 HTML 文件输入仅接受 .txt，而不接受 .csv(在 Chrome 中)

Question

我试图过滤文件格式以仅接受 .txt在 HTML 中。这是我的 HTML 代码:

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

在 Safari 中，它有效且仅 .txt文件显示出来，但在 Chrome (63.0.3239.84) 中，文件选择器也显示 .csv文件。

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

Answer 1

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

句法

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

Tip: To specify more than one value, separate the values with a comma (e.g. .

解决方案

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

<input accept=".txt"

Note: Because this file-restriction is client-side, users are able to remove this attribute and bypass this file-restriction, potentially leading to a vulnerability.