ASP.NET MVC3 RAZOR: File Upload gives zero as file count

Question

I need to upload multiple files into web server using MVC3 with RAZOR. I have the following code. In the controller, I am getting zero as the file count. How to correct it to get the actual number of files being uploaded and to get the content?

public class MyFileController : Controller
{

    public ActionResult MyFileProcessActionTest()
    {
        return View();
    }

    [HttpPost]
    public ActionResult MyFileProcessActionTest(IEnumerable<System.Web.HttpPostedFileBase> files)
    {

        int fileCount = files.Count<System.Web.HttpPostedFileBase>();
        return RedirectToAction("Index");
    }
}

VIEW

@{
ViewBag.Title = "MyFileProcessActionTest";
}

<h2>MyFileProcessActionTest</h2>

@using (Html.BeginForm())
{

<input type="file" name="files" id="file1" />
<input type="file" name="files" id="file2" />

<input type="submit"  />

}

READING:

Binding HttpPostedFileBase using Ajax.BeginForm
ASP.NET MVC Uploading and Downloading Files http://www.mikesdotnetting.com/Article/125/ASP.NET-MVC-Uploading-and-Downloading-Files
How do I Validate the File Type of a File Upload?
MVC 3 file upload and model binding

jgauffin · Accepted Answer · 2012-02-23 10:53:39Z

8

You must include the enctype attribute in the form tag to indicate that the form should include files.

@using (Html.BeginForm("YourAction", "Controller", FormMethod.Post, new {enctype="multipart/form-data"))
{
}

answered Feb 23, 2012 at 10:53

jgauffin

101k45 gold badges245 silver badges378 bronze badges

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

4 Comments

linquize Over a year ago

Very often people miss enctype="multipart/form-data" for forms that contains file upload

Muhammad Adeel Zahid Over a year ago

i believe we can't post files using GET method either

bjan Over a year ago

I am getting file as null and Request.Files.Count is 0 too, would there be any difference if the form is an AjaxForm and there are routeValues as well?

Bellash Over a year ago

@bjan You cannot upload file that way with ajax... you should search on google How to upload a file with ajax using an iframe

Muhammad Adeel Zahid · Accepted Answer · 2012-02-23 10:56:36Z

6

change your form to match the following

@using(Html.BeginForm("action","controller",FormMethod.Post,new{encType = "multipart/form-data"})){
{

<input type="file" name="files[0]" id="file1" />
<input type="file" name="files[1]" id="file2" />
<input type="file" name="files[2]" id="file3" />

<input type="submit"  />

}

indices 0,1,2 will allow modelbinder to bind to IEnumerable furthermore encType also has to be specified when posting files to the server

answered Feb 23, 2012 at 10:56

Muhammad Adeel Zahid

17.8k16 gold badges95 silver badges160 bronze badges

4 Comments

LCJ Over a year ago

Thanks. Worked. @using (Html.BeginForm("MyFileProcessActionTest", "MyFile", FormMethod.Post, new { enctype = "multipart/form-data" })) {

bjan Over a year ago

I am getting file as null and Request.Files.Count is 0 too, would there be any difference if the form is an AjaxForm and there are routeValues as well?

Muhammad Adeel Zahid Over a year ago

bjan, I have not tested it with ajax, but i believe it should work even with ajax.

Bellash Over a year ago

@bjan You cannot upload file that way with ajax... you should search on google How to upload a file with ajax using an iframe

Collectives™ on Stack Overflow

ASP.NET MVC3 RAZOR: File Upload gives zero as file count

2 Answers 2

4 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related