Restricting HTML file input to accept only .txt, and not .csv (in Chrome)

Question

I tried to filter file format to accept only .txt in HTML. Here's my HTML code:

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

In Safari, it works and only .txt files show up, but in Chrome (63.0.3239.84) the file selector also shows .csv files.

Is it possible to exclude .csv files in Chrome?

Trent · Accepted Answer · 2017-12-28 02:04:55Z

14

The accept attribute specifies the types of files that the form input will accept.

Syntax

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

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

Solution

Simply include the filetype you'd like to allow in the accept attribute, as follows:

<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.

answered Dec 28, 2017 at 2:04

Trent

4,3185 gold badges27 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

jojomango Over a year ago

thanks for response I tried the suggestion, but accept=".txt" will include '.csv' in Chrome, even include '.docx' in Safari

jojomango Over a year ago

as I tried (on Mac), accept="text/plain" in Safari will get the result I expect (exclude .csv) and Chrome both accept '.txt', 'text/plain' will shows .csv file. I guess I can only give some placeholder or tooltip to user, anyway, thanks for your help!

Nuuu Over a year ago

This syntax still allow users to attach .js .py files, etc.

Palisand Over a year ago

This doesn't appear to be working for Chrome anymore. I'm on 86.0.4240.183.

Jorge Over a year ago

There seems to be a bug around this in macOS Chromium. See this issue, and this related question.

|

Prasad VSSDV Kadiyala · Accepted Answer · 2022-08-17 12:37:35Z

1

Its a chrome and mac os bug, Please refer and vote it. https://bugs.chromium.org/p/chromium/issues/detail?id=1353740

answered Aug 17, 2022 at 12:37

Prasad VSSDV Kadiyala

111 bronze badge

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Vikasdeep Singh · Accepted Answer · 2017-12-28 02:06:24Z

0

I have not tried it but I think it will work:

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

edited Dec 28, 2017 at 2:06

answered Dec 28, 2017 at 1:58

Vikasdeep Singh

21.9k16 gold badges82 silver badges106 bronze badges

Collectives™ on Stack Overflow

Restricting HTML file input to accept only .txt, and not .csv (in Chrome)

3 Answers 3

Syntax

Solution

8 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Syntax

Solution

8 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related