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

Question

i want to select only image files only

Answer 1

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?

Answer 2

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).