Input type='file' accept pdf and excel file extension

Question

I want an input type="file" to accept only pdf and excel

I did this <input type="file" name="upload" accept="application/pdf,application/vnd.ms-excel" />

And it accepts .pdf and .xls files, but not .xlsx, how can I make it accept xlsx files as well?

Have you tried other MIME types for xlsx? A quick google search suggested application/vnd.openxmlformats-officedocument.spreadsheetml.sheet — Fissure King
– Fissure King, Commented Jun 4, 2018 at 18:04
Here is a format list: developer.mozilla.org/en-US/docs/Web/HTML/Element/input/… — Get Off My Lawn
– Get Off My Lawn, Commented Jun 4, 2018 at 18:06
@LizParody, Didn't want to be rude, it was just straight forward. Sorry, if you felt other way. Just for the next time sake, you can try searching for "file input html" or something like it, the MDN or w3c links should give you good examples for basic functionalities. Again, don't take it otherwise. Give it a good try yourself, before asking help, would help you in long run — Rahul R.
– Rahul R., Commented Jun 4, 2018 at 19:58
@FissureKing, "input type=file", the first link of search should help you. — Rahul R.
– Rahul R., Commented Jun 4, 2018 at 20:07

Anshuman Jaiswal · Accepted Answer · 2018-06-04 18:14:39Z

Try following:

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

In modern browser you can also use file extensions directly like:

accept=".pdf, .xls, .xlsx"

Raja Osama · Accepted Answer · 2018-06-04 18:13:53Z

Try using this and let me know !

 <input type="file" accept=".pdf,.xls" />

EDIT Simply

<input type="file" accept="add all the extension of your choice separating by a comma " />

2 Answers 2