如何从 GridView 的 ASP.NET Web Z645024253191293266Z Z6450242531912981C3683CAE88DZ 内部同时上传多个文件？

Question

I have a GridView and some columns in it. I have created a template column inside the GridView, and in it a file upload control is placed.

<asp:GridView ID="GridView1" runat="server">
  <Columns>
    <ItemTemplate>
      <asp:FileUpload id="FileUploadControl" runat="server" />
    <ItemTemplate>
  </Columns>
</asp:GridView>

The GridView is binded with data so that it has multiple rows. These is a button given below the GridView and on the the button click I want to upload all the files of the file upload control (at the same time) to the server.

I have seen a similar tutorial on Multiple File Upload which does a similar thing, only difference is that I have not one but multiple files to upload.

I want to use JavaScript or jQuery to do it.

Please help me in this problem.

Thanks

Answer 1

You have to allow uploading multiple files in your file upload control like this:

<asp:FileUpload id="FileUploadControl" AllowMultiple="true" runat="server" /> 

Or:

<asp:FileUpload id="FileUploadControl" Multiple="Multiple" runat="server" />

Use HttpFileCollection class to retrieve all the files to upload:

    try
    {
        HttpFileCollection hfc = Request.Files;
        for (int i = 0; i < hfc.Count; i++)
        {
            HttpPostedFile hpf = hfc[i];              
            if (hpf.ContentLength > 0)
            {
                hpf.SaveAs(Server.MapPath("MyFiles") + "\\" +
                  Path.GetFileName(hpf.FileName));                      
            }              
        }   
    }
    catch (Exception ex)
    {
        // Handle your exception here
    }

For details, you can take a look at here