How to select only multiple .csv files in html5 input tag?

Question

I am using the html5 input tag to multiselect only .csv files. I have so far

<input type="file" id="files" name="files[]" accept=".csv" multiple />

but when I click browse, it shows all file types. How can I get this to work?

Thanks.

score 5 · Answer 1 · edited May 23 '17 at 12:07

5

Try:

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />

Or take a look at this solution.

edited May 23 '17 at 12:07

Community

answered Mar 16 '14 at 05:32

Muhammad Osmond

This one had 4 options in the dropdown, 3 Microsoft xls stuff, and the `all files` which is default. – omega Mar 16 '14 at 05:37
Have you take a look to the link? – Muhammad Osmond Mar 16 '14 at 05:41
The suggestions in the link don't work for me either. – omega Mar 16 '14 at 05:43

score 2 · Answer 2 · answered Mar 16 '14 at 05:28

2

As per the docs, accept is used to specify mime types, not file extensions. Try accept="text/csv" instead.

answered Mar 16 '14 at 05:28

Marc B

2 Answers2