How do you get a HTML Browse button to filter and show only images?

Question

On an HTML page, using the INPUT tag, how can you get it so that when you click the browse button that it filters for image files only? Bonus points if it can include .bmp fil

Answer 1

Supposedly, you should use the "accept" attribute with the correct MIME type like so:

Sadly, this isn't currently supported by any browsers. You can however validate the file using javascript afterwards. Here is a useful link with code: http://www.cs.tut.fi/~jkorpela/forms/file.html#filter

Hope this helps!