在文件上载控件中检查文件扩展名和大小时调用两个javascript方法 [英] call two javascript method while Check File Extension and size in File Upload Control

问题描述

我正在使用FileUpload Control上传文件。其中我有2个方法在javascript中首先检查文件扩展名，第二个用于检查文件大小如何在事件上调用这两个方法

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

我的javascript代码是

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

和aspx页面我已经这样打过

and on aspx page i have called like this

<asp:FileUpload ID="txtTenderDoc" onchange=" return ValidateFile(); return validateFileSize();" runat="server"></asp:FileUpload>

但是第一种方法中的问题是用这个来调用

可以任何人帮助

谢谢

Vishal Pandey

But the problem in only 1st method is called using this
can anyone Help
Thanks
Vishal Pandey

推荐答案

自从第一个方法返回以后随后的

方法不会被称为。



分配给变量并稍后返回如下所示

Its since return after the first method so the subsequent
method wont be called.

Assign to a variable and return it later like below

onchange="var result= ValidateFile();validateFileSize(); return result"

希望这会有所帮助......

Hope this helps...

这篇关于在文件上载控件中检查文件扩展名和大小时调用两个javascript方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！