Javascript validate file size before upload Example

Javascript validate file size before upload : file upload size limit validation in javascript. You can easily check file extension and File upload size validation using jQuery with demo.

Javascript validate file size before upload

The validation helps to restrict uploading large files or empty files to the server. We will share with you a pretty easy way to limit size of upload file in a webpage form using HTML and Javascript/jQuery.

File Size Validation Using Javascript Example

Javascript code

function checkFileNewValidation() {

    var image = document.getElementById("image");

    if (typeof (image.files) != "undefined") {
        var size = parseFloat(image.files[0].size / (1024 * 1024)).toFixed(2); 
        if(size > 2) {
            alert('Please select image size less than 2 MB');
        }else{
            alert('success');
        }
    } else {
        alert("This browser does not support HTML5.");
    }

}

Don’t Miss : JQuery File Upload Size Limit Validation Example

Example : File upload required validation in javascript

index.html

    
    
    


    

        

            

                

                    

                        
File Size Validation Using Javascript Example
                    
                    

                        

                            Image:
                            

                            Submit        
                       
                    
            
        
    

I hope you get an idea about Javascript validate file size before upload.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.