Can I find picture upload file sizes/types before files actually upload


Having done some intensive study with the Sitepoint “Simply Javascript” book and excellent video I’ve done client-side validation on a form which works great on text type inputs.

However I’m still stuck with picture file type inputs which only validate after they download, so the user has to sit through the entire process only to be finally told that their picture file was too big/wrong type etc.

So is there any way to get image sizes/types before they upload using javascript?

Would really appreciate any comments or suggestions to point me in the right direction.

Thank you and kind regards,

derm w.