Check Filesize & Extension before upload (Javascript)

Input

<input type="file" onchange="ValidateFile(this);" id="uploaded_file">

 

Function for checking upon on change for uploaded file

function ValidateFile(file){
    var FileSize = file.files[0].size / 1024 / 1024; //In MB
    var filePath = file.files[0].name;
    var extension = filePath.substr((filePath.lastIndexOf('.') +1));
    var allowed_extension = ["jpg","png","jpeg"];

    if (FileSize > 2) {
         alert('File size exceeds 2MB');
         removeUploadedFile();
    }else if(!allowed_extension.includes(extension)){
         alert('File Extension Not Permited');
         removeUploadedFile();
     }else{
          console.log(filePath + " Allowed");
     }              
}                  
                   
function removeUploadedFile(){
     var uploaded_file = $("#uploaded_file");               
     uploaded_file.replaceWith(uploaded_file.val('').clone(true));
}

You may also like...