设置多文件上载的验证
本文关键字:验证 上载 文件 设置 | 更新日期: 2023-09-27 18:29:43
我正在尝试验证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