A quick and easy jQuery snippet to find all file upload inputs & make sure users don’t upload files that are too large.
Just include in your $(function(){ }); function
$('input[type=file]').each(function(){
$(this).on('change', function() {
//this.files[0].size gets the size of your file.
if (this.files[0].size > 2097152 || this.files[0].filesize > 2097152) {
alert('Your file is too large (over 2Mb). Please use a smaller file.')
$(this).wrap('<form>').closest('form').get(0).reset();
$(this).unwrap();
}
})
});