Input accept=“image/png” is not working in Firefox

Question

jsbin

It\'s expected that the file dialog accepts png files only. But accept=\"image

Answer 1

Apparently there's an issue specific to Firefox with some extension types. You can read more about this bug here.

The latest update on this bug is from a couple of months ago and it seems to not yet be resolved. For now, I would suggest server-side file-checking, or at the very minimum you can use JavaScript to verify the file's extension before it gets uploaded.