I am using FileUpload Control to upload Files. In which I have 2 methods in javascript first to check file extension and second for checking file size how to call both methods on Event
onchange
my javascript Code is
var validFilesTypes = ["bmp", "gif", "png", "jpg", "jpeg", "doc", "docx", "xls", "xlsx", "htm", "html", "rar", "zip", "txt", "pdf"];
function ValidateFile() {
var file = document.getElementById("<%=txtTenderDoc.ClientID%>");
var label = document.getElementById("<%=lblTenderDocExceptionMessage.ClientID%>");
var path = file.value;
var ext = path.substring(path.lastIndexOf(".") + 1, path.length).toLowerCase();
var isValidFile = false;
for (var i = 0; i < validFilesTypes.length; i++) {
if (ext == validFilesTypes[i]) {
isValidFile = true;
break;
}
}
if (!isValidFile) {
label.style.color = "red";
label.innerHTML = "Invalid File. Unknown Extension Of Tender Doc" + "Valid extensions are:\n\n" + validFilesTypes.join(", ");
label.focus();
}
return isValidFile;
}
function validateFileSize() {
debugger;
var file = document.getElementById("<%=txtTenderDoc.ClientID%>");
var label = document.getElementById("<%=lblTenderDocExceptionMessage.ClientID%>");
var fileSize = file.files[0].size;
if (fileSize == 0) {
label.style.color = "red";
label.innerHTML = "File Size Should be Greater than 0";
return false;
}
else
return true;
}
and on aspx page i have called like this
<asp:FileUpload ID="txtTenderDoc" onchange=" return ValidateFile(); return validateFileSize();" runat="server"></asp:FileUpload>
But the problem in only 1st method is called using this
can anyone Help
Thanks
Vishal Pandey