How to choose multiple files using File Upload Control

Question

I have a file upload control Now on clicking on that  I want to select multiple files   How can I do so

User · Answer

default aspx code   lt asp FileUpload runat  server  id  fileUpload1  Multiple  Multiple  gt           lt  asp FileUpload gt   lt asp Button runat  server  Text  Upload Files  id  uploadBtn   gt    default aspx vb  Protected Sub uploadBtn Click sender As Object  e As System EventArgs  Handles uploadBtn Click     Dim ImageFiles As HttpFileCollection   Request Files     For i As Integer   0 To ImageFiles Count - 1     Dim file As HttpPostedFile   ImageFiles i          file SaveAs Server MapPath  Uploads     amp  file FileName       Next        End Sub

User · Answer

The FileUpload AllowMultiple property in  NET 4 5 and higher will allow you the control to select multiple files    lt asp FileUpload ID  fileImages  AllowMultiple  true  runat  server    gt     NET 4 and below    lt asp FileUpload ID  fileImages  Multiple  Multiple  runat  server    gt    On the post-back  you can then     Dim flImages As HttpFileCollection   Request Files                     For Each key As String In flImages Keys     Dim flfile As HttpPostedFile   flImages key      flfile SaveAs yourpath  amp  flfile FileName   Next

User · Answer

I just come across this brilliantly simple solution if you are using  Net 4 5  not supported this easily in lower versions  and you can use jQuery to make things really simple and painless    Uploading Multiple Files Using jQuery and Generic Handler in ASP Net 4 5  Of course there is the commercial version for classic ASP which can be found at ASP Uploader

User · Answer

aspx code               lt asp FileUpload ID  FileUpload1  runat  server  AllowMultiple  true    gt               lt asp Button ID  btnUpload  Text  Upload  runat  server  OnClick   UploadMultipleFiles  accept   image gif  image jpeg    gt               lt hr   gt               lt asp Label ID  lblSuccess  runat  server  ForeColor   Green    gt        Code Behind   protected void UploadMultipleFiles object sender  EventArgs e         foreach  HttpPostedFile postedFile in FileUpload1 PostedFiles                   string fileName   Path GetFileName postedFile FileName             postedFile SaveAs Server MapPath    Uploads      fileName               lblSuccess Text   string Format   0  files have been uploaded successfully    FileUpload1 PostedFiles Count

User · Answer

Why not use flash  amp  javascript upload control   http   www uploadify com demos

User · Answer

here is the complete example of how you can select and upload multiple files in asp net  using file upload control      write this code in  aspx file     lt head runat  server  gt       lt title gt  lt  title gt   lt  head gt   lt body gt   lt form id  form1  runat  server  enctype  multipart form-data  gt   lt div gt       lt input type  file  id  myfile  multiple  multiple  name  myfile  runat  server  size  100    gt       lt br   gt       lt asp Button ID  Button1  runat  server  Text  Button  OnClick  Button1 Click    gt       lt br   gt       lt asp Label ID  Span1  runat  server  gt  lt  asp Label gt   lt  div gt   lt  form gt   lt  body gt   lt  html gt    after that write this code in  aspx cs file       protected void Button1 Click object sender EventArgs e              string filepath   Server MapPath    Upload              HttpFileCollection uploadedFiles   Request Files            Span1 Text   string Empty             for int i   0 i  lt  uploadedFiles Count i                    HttpPostedFile userPostedFile   uploadedFiles i                  try                     if  userPostedFile ContentLength  gt  0                         Span1 Text      lt u gt File       i   1       lt  u gt  lt br gt                         Span1 Text     File Content Type       userPostedFile ContentType          lt br gt                         Span1 Text     File Size      userPostedFile ContentLength              kb lt br gt                         Span1 Text     File Name      userPostedFile FileName     lt br gt                          userPostedFile SaveAs filepath             Path GetFileName userPostedFile FileName                                           Span1 Text     Location where saved        filepath            Path GetFileName userPostedFile FileName      lt p gt                                        catch Exception Ex                      Span1 Text     Error   lt br gt     Ex Message                                                 and here you go   your multiple file upload control is ready  have a happy day

User · Answer

There are other options you can use these controls which have multiple upload options and these controls have also Ajax support   1  Flajxian 2  Valums 3  Subgurim FileUpload

User · Answer

The FileUpload AllowMultiple property in  NET 4 5 and higher will allow you the control to select multiple files   Below 4 5 like 4 0 vs 2010  we can use jquery for multiple file upload in single control using 2 js files  http   code jquery com jquery-1 8 2 js and http   code google com p jquery-multifile-plugin   in aspx file upload tag add like class  multi    lt asp FileUpload ID  FileUpload1  class  multi  runat  server    gt    If you want working example go to link download sample

User · Answer

step 1  add   lt asp FileUpload runat  server  id  fileUpload1  Multiple  Multiple  gt       lt  asp FileUpload gt    step 2  add  Protected Sub uploadBtn Click sender As Object  e As System EventArgs  Handles uploadBtn Click     Dim ImageFiles As HttpFileCollection   Request Files     For i As Integer   0 To ImageFiles Count - 1         Dim file As HttpPostedFile   ImageFiles i          file SaveAs Server MapPath  Uploads     amp  ImageFiles i  FileName      Next  End Sub

User · Answer

To add multiple files use below code   lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head runat  server  gt       lt title gt  lt  title gt       lt style type  text css  gt       fileUpload      width 255px          font-size 11px      color  000000      border solid      border-width 1px      border-color  7f9db9          height 17px             lt  style gt   lt  head gt   lt body gt       lt form id  form1  runat  server  gt       lt div gt       lt div id  fileUploadarea  gt  lt asp FileUpload ID  fuPuzzleImage  runat  server  CssClass  fileUpload    gt  lt br   gt  lt  div gt  lt br   gt       lt div gt  lt input style  display block   id  btnAddMoreFiles  type  button  value  Add more images  onclick  AddMoreImages       gt  lt br   gt           lt asp Button ID  Button1  runat  server  onclick  Button1 Click  Text  Upload    gt           lt  div gt       lt  div gt       lt script language  javascript  type  text javascript  gt          function AddMoreImages                 if   document getElementById  amp  amp   document createElement                  return false              var fileUploadarea   document getElementById  fileUploadarea                if   fileUploadarea                  return false              var newLine   document createElement  br                fileUploadarea appendChild newLine               var newFile   document createElement  input                newFile type    file               newFile setAttribute  class    fileUpload                 if   AddMoreImages lastAssignedId                  AddMoreImages lastAssignedId   100              newFile setAttribute  id    FileUpload    AddMoreImages lastAssignedId               newFile setAttribute  name    FileUpload    AddMoreImages lastAssignedId               var div   document createElement  div                div appendChild newFile               div setAttribute  id    div    AddMoreImages lastAssignedId               fileUploadarea appendChild div               AddMoreImages lastAssignedId                    lt  script gt       lt  form gt   lt  body gt   lt  html gt    Server side code   try       HttpFileCollection hfc   Request Files      for  int i   0  i  lt  hfc Count  i                  HttpPostedFile hpf   hfc i           if  hpf ContentLength  gt  0                                                hpf SaveAs Server MapPath    uploads     System IO Path GetFileName hpf FileName                                             catch  Exception        throw

User · Answer

You can try below code    Protected Sub Button1 Click ByVal sender As Object  ByVal e As System EventArgs  Handles Button1 Click     Try         Dim j As Integer   0         Dim hfc As HttpFileCollection   Request Files         Dim PathName As String         For i As Integer   0 To hfc Count - 1             Dim hpf As HttpPostedFile   hfc i               If hpf ContentLength  gt  0 Then                 hpf SaveAs Server MapPath    E      amp  System IO Path GetFileName hpf FileName                   PathName   Server MapPath hpf FileName                   If j  lt  hfc Count Then                     Dim strConnString As String   ConfigurationManager ConnectionStrings  conString   ConnectionString                     Dim sqlquery As String                     sqlquery    Insert proc                      Dim con As New SqlConnection strConnString                      Dim cmd As New SqlCommand sqlquery  con                       cmd CommandType   CommandType StoredProcedure                      cmd Parameters Add   FilePath   SqlDbType VarChar  Value   PathName                     j   j   1                      Try                         con Open                           cmd ExecuteNonQuery                         Catch ex As Exception                         Throw ex                     Finally                         con Close                           con Dispose                        End Try                     If j   hfc Count Then                         Exit Sub                     End If                 End If             End If         Next      Catch generatedExceptionName As Exception          Throw     End Try End Sub

[asp.net] How to choose multiple files using File Upload Control?

Examples related to asp.net

Examples related to file-upload