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)); }