设置多文件上载的验证

Set validation for multiple file upload

本文关键字：验证 上载 文件 设置      更新时间：2023-09-26

我正在尝试验证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" />

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

客户端代码：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

中使用
相关文章：