Using HTML5 multiple file upload with ASP.NET

Question

I'm trying to upload multiple files using

<input id="testUpload" type="file" multiple="true"/>

(yes, i know it doesn't work on IE). But my question is what should i do after that in the code to iterate through each file and upload it ?

I'm trying

foreach(HttpPostedFile file in Request.Files["testUpload"]){

}

But i get

foreach statement cannot operate on variables of type 'System.Web.HttpPostedFile' because 'System.Web.HttpPostedFile' does not contain a public definition for 'GetEnumerator'

I know i can just do for multiple = "false" :

HttpPostedFile file = Request.Files["testUpload"];

And then do operation on that file. But what if i'm selecting multiple files ? How to iterate though each one using foreach ?

heads5150 · Accepted Answer · 2013-01-15 23:49:31Z

13

You are trying to iterate over one file rather than the collection.

Change

foreach(HttpPostedFile file in Request.Files["testUpload"]){

}

to

EDIT - changed to for loop as per comment

for (int i = 0; i < Request.Files.Count; i++)
{
    HttpPostedFileBase file = Request.Files[i];
    if(file .ContentLength >0){
    //saving code here

  }

edited Jan 15, 2013 at 23:49

answered Jan 15, 2013 at 23:06

heads5150

7,5333 gold badges28 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Rafael Adel Over a year ago

Hmm, i get this error in the foreach line : Unable to cast object of type 'System.String' to type 'System.Web.HttpPostedFileBase'.

Rafael Adel Over a year ago

After the edit it works. But when i upload the files i only get one file uploaded ! and i try to output what's uploaded and get this for 3 different files one of them is Koala.jpg : Koala.jpg Uploaded! Koala.jpg Uploaded! Koala.jpg Uploaded!

heads5150 Over a year ago

That tells me 3 files are being picked. Where are you outputting the values? I've got sample running on my machine and the code works as expected in Chrome. Also look at the Request.Files object in the debugger to see what is contained within it. This may give you some pointers as to where you're code is failing

Rafael Adel Over a year ago

I'v tried to debug it. Found that AllKeys property contains 3 files named after the input tag id which is testUpload ! Why is that happening ?!

heads5150 Over a year ago

The foreach was iterating over the collection by name. In this case even though there is three items in the file collection the name of each File item is testUpload because all three files were posted from the same input element called testUpload. If you had three differently named input elements the foreach loop would have worked because the File name value would have been different

|

Murad · Accepted Answer · 2015-03-24 02:04:31Z

0

Thank you, Thank you, Thank you. It saved my day.

However, I had to use HttpPostedFile instead of HttpPostedFileBase.

for (int i = 0; i < Request.Files.Count; i++)
{
    **HttpPostedFile** file = Request.Files[i];
    if(file .ContentLength >0){
    //saving code here
    }
}

Either way, this is great

answered Mar 24, 2015 at 2:04

Murad

114 bronze badges

Collectives™ on Stack Overflow

Using HTML5 multiple file upload with ASP.NET

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related