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