How to check image size (ex. 1MB) before uploading

Question

Is there any way to check the image size before sending the form?

I\'m using jquery.form

js:

$(document).ready(function() {
    var options =         


        

Answer 1

I answer my own question:

    $(document).ready(function() {
        $('#id_image').bind('change', function() {
            if(this.files[0].size > 1000141){
                $('#formerror').html('File is too big');
                $('#myformbutton').hide();
            }else{
                $('#formerror').html(' ');
                $('#myformbutton').show('slow');
            }
        });
    });

And html:

        

        

             Title
             
             Image
             
             
        

This works.