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

score 2 · Answer 1 · edited May 23 '17 at 11:47

2

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?

edited May 23 '17 at 11:47

Community

1
1

answered Jul 07 '10 at 09:14

Sjoerd

74,049
16
131
175

score 0 · Answer 2 · answered Jul 07 '10 at 09:52

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

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

2 Answers2