Home/ Questions/Q 6613383
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T20:12:44+00:00

Anyway to restrict the selection of file types via the <input type=file /> element?

  • 0

Anyway to restrict the selection of file types via the <input type="file" /> element?

For instance, if I wanted only images types to be uploaded, I would restrict the possible selections to (image/jpg,image/gif,image/png), and the selection dialog would grey out files of other mime types.

p.s. I know that I can do this after the fact with the File API by scanning the .type attributes. I’m really trying to restrict this before hand.. I also know I can do this via flash, but I do NOT want to have use flash for this.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is an html attribute for this specific purpose called accept but it has little support across browsers. Because of this server side validation is recommended instead.

    <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

    If you don’t have access to the backend have a look at a flash based solution like SWFUpload.

    See more on this here: File input 'accept' attribute – is it useful?

    • 0