How to make HTML file upload control to select dialog only image file types like jpg,png etc

i want to select only image file开发者_开发百科s only

This is done by the accept attribute, but it is not supported by all browsers.

<input type=file name=photo size=20 accept="image/*">

See also File input ‘accept’ attribute - is it useful?

This is difficult using the standard HTML upload control.

If you can require your users to have Flash, SWFUpload is a very fine alternative. It's even possible to filter the files the user sees in the "choose file" view by extension.

Here's a demo (change the file_types field to test).