How to restrict number of Files selected in (HTML5) FileUpload when AllowMultiple True using CustomValidator in ASP.Net

rajeev.m...

SOLVED CLOSED ACTIVE ANSWERED
User: rajeev.mehta.98
Posted: on Jun 11, 2014 03:12 AM
Forum: ASP.Net Web Forms
Answer: 2
Views: 4099

How to set MaximumNumberOfFiles in asp.net fileupload control Client side ?

Download FREE API for Word, Excel and PDF in ASP.Net

Azim

0 5

Reply
ANSWER
User: Azim
Replied: on Jun 11, 2014 06:44 AM
Report

Refer this code. I have used CustomValidator.

HTML

<form id="form1" runat="server">
<div>
    <asp:FileUpload ID="FileUpload1" runat="server" multiple="multiple" />
    <asp:Button Text="Upload" OnClick="Upload" runat="server" />
    <asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="FileUpload1"
        ForeColor="red" OnServerValidate="MaxUploadValidation" ErrorMessage="Maximum 4 file can be uploaded">
    </asp:CustomValidator>
</div>
</form>

protected void MaxUploadValidation(object sender, ServerValidateEventArgs e)
{
    e.IsValid = true;
    if (this.FileUpload1.HasFile)
    {
        int count = Request.Files.Count;
        if (count > 5)
        {
            e.IsValid = false;
        }
    }
}

protected void Upload(object sender, EventArgs e)
{
    if (this.CustomValidator1.IsValid == true)
    {
        if (this.FileUpload1.HasFile)
        {
            for (int i = 0; i < Request.Files.Count; i++)
            {
                HttpPostedFile PostedFile = Request.Files[i];
                if (PostedFile.ContentLength > 0)
                {
                    string FileName = System.IO.Path.GetFileName(PostedFile.FileName);
                    PostedFile.SaveAs(Server.MapPath("Files\\") + FileName);
                }
            }
        }
    }
}

Mudassar

0 6

Reply
ANSWER
User: Mudassar
Replied: on Jun 11, 2014 07:04 AM
Report

You can do with Custom Validator and Client Side validation using JavaScript HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body {
            font-family: Arial;
            font-size: 10pt;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:FileUpload ID="FileUpload1" runat="server" AllowMultiple="true" />
        <asp:Button ID="btnUpload" Text="Upload" runat="server" />
        <br />
        <asp:CustomValidator ErrorMessage="Maximum 2 files allowed." runat="server" ForeColor="Red" ClientValidationFunction="ValidateFiles" />
        <script type="text/javascript">
            function ValidateFiles(sender, args) {
                var maximum = 2;
                var fileUpload = document.getElementById("<%=FileUpload1.ClientID%>");
                args.IsValid = fileUpload.files.length <= maximum;
            }
        </script>
    </form>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to restrict number of Files selected in (HTML5) FileUpload when AllowMultiple True using CustomValidator in ASP.Net

Company

Explore

Follow us

Contact Us