Create filter on html file chooser dialog

Question

Is there a way to show only .xxx files in the default file chooser dialog. xxx may be not-known file types, such as abc, efg etc.

I'm using html5 so it may have new support for this type of things.

Thanks!

score 47 · Accepted Answer · answered Dec 12 '12 at 08:54

47

The HTML 5 accept attribute on file input elements is for this purpose. E.g.:

<input type="file" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">

answered Dec 12 '12 at 08:54

deceze

score 9 · Answer 2 · answered Sep 22 '17 at 12:29

9

For others arriving here, these are some very handy predefined sets:

<input type="file" accept="image/*"/>
<input type="file" accept="video/*"/>
<input type="file" accept="audio/*"/>

answered Sep 22 '17 at 12:29

Richard Dunn

2 Answers2