Question

I have this simple piece of HTML code:

<div>
   <input type="file" name="english-file" />
</div>
<div>
   <input type="file" name="french-file" />
</div>

I used in my model, the following C# line code:

object receivedFiles = HttpContext.Current.Request.Params["english-file"];

but that object returns null always.

Of course that I can use HttpContext.Current.Request.Files but I want to sepparate files by languages (the above HTML code is simple but someone could add more files to english than french with +Add files button) and save them in sepparate table.

How could I do that?

Answer 1

That’s not how files are uploaded. You should look in Request.Files["english-file"] after setting the proper enctype on the form.

Let’s take an example:

@using (Html.BeginForm("upload", "somecontroller", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <div>
        <input type="file" name="english" />
    </div>
    <div>
        <input type="file" name="french" />
    </div>

    <button type="submit">Upload</button>
}

and in the controller action:

[HttpPost]
public ActionResult Upload()
{
    var englishFile = Request.Files["english"];
    var frenchFile = Request.Files["french"];
    ...
}

or even better:

[HttpPost]
public ActionResult Upload(HttpPostedFileBase english, HttpPostedFileBase french)
{
    ...
}

or even better:

[HttpPost]
public ActionResult Upload(IEnumerable<HttpPostedFileBase> files)
{
    ...
}

assuming you adjust the names of the file inputs:

@using (Html.BeginForm("upload", "somecontroller", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <div>
        <input type="file" name="files" />
    </div>
    <div>
        <input type="file" name="files" />
    </div>

    <button type="submit">Upload</button>
}

I also invite you to read the following blog post.