设置多文件上传验证

Question

我尝试验证FileUpload控件以检查用户是否只能选择10张图片。我已经有了服务器端代码。但我想在客户端进行验证。

代码：

<asp:FileUpload ID="FileUpload2" CssClass="myButton1" multiple="multiple" 
     runat="server"  />
<asp:Button ID="Btnuploadimages" runat="server" CssClass="myButton" 
     Style="margin-top: 2px;"  OnClientClick="return ValidateFile2()" 
     Text="Upload" OnClick="Btnuploadimages_Click" /> 

Answer 1

在您的ValidateFile2()方法中，您需要添加以下代码，以便从selected files count获取File Upload Control。您可以通过检查以下条件来验证所选文件的数量。

客户端代码： JavaScript

function ValidateFile2(){
    var fileCount = document.getElementById('filesToUpload').files.length;
    if(fileCount > 10) // Selected images with in 10 count
    {
       alert("Please select only 10 images..!!!");
       return false;
    }
    else if(fileCount <= 0) // Selected atleast 1 image check
    {
       alert("Please select atleat 1 image..!!!");
       return false;
    }

    return true;  // Good to go
}

JQuery 和 Javascript 代码可在我JS Fiddle

的工作中找到