[jQuery] validate input file from client-side?

[jQuery] validate input file from client-side?


Hi,
I got a html that will accept user image file input, then when user
click a button which will trigger a php to process that image file.
<input type="file" id='imgfile' class='adlist-input'>
i want to validate that image file against their size/width/height/
file type etc, so once pass it validation, will save it to the server.
my question is...any how to validate it from client-side 1st? in that
way will react quickly to end-user in case any of validation are
failed. so i am wondering it is possible or not? or only can validate
it from server-side ( when call php programe )?
thanks for any help/Davis.