HTML file input "accept" attribute cross-browser compatibility

Question

The file input accept attribute works pretty well. However, there are some browser incompatibilities especially when you only want to select certain file types, i.e., mimetypes.

For example, if you want to only accept markdown and pdf files (see code below), webkit browsers allow one to select pdfs but ignore any markdown mimetype I can find. Whereas Firefox ignores both mimetypes and allows you to select any file type.

Does anyone know how to get webkit browsers to accept markdown files?

http://jsfiddle.net/JZ5jz/

<label for='file'>upload</label>

<input id='file' accept='application/pdf, text/x-markdown' multiple='multiple' type='file'>

Did you try changing the order? Is webkit simply taking only the first accept value? — Oliver Matthews
– Oliver Matthews, Commented Apr 30, 2014 at 10:07
just tried changing the order, that doesn't matter, it will take a comma delineated list for most mimetypes, e.g., application/pdf, application/msword — tim peterson
– tim peterson, Commented Apr 30, 2014 at 16:57

kongkongyzt · Accepted Answer · 2017-01-17 03:04:34Z

2

Now you can simply use .md to filter the markdown file

<label for='file'>upload</label>

<input id='file' accept='.md' multiple='multiple' type='file'>

answered Jan 17, 2017 at 3:04

kongkongyzt

1901 gold badge1 silver badge11 bronze badges

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

Collectives™ on Stack Overflow

HTML file input "accept" attribute cross-browser compatibility

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related