File Input does not upload file to MVC Action

Question

For a project i've been trying to upload a file from my view to my controller action. However, for some reason the action is reached but for the file i receive a null.

Here is my code:

Action:

[HttpPost]
[Route("UploadSickNote")]
public ActionResult UploadSickNote(HttpPostedFileBase file)
{
    // Do something with file

    return RedirectToAction("SickNotes");
}

View:

<form Controller="Documents" Action="UploadSickNote" method="post">
    <div>
        <input id="sicknote-upload" name="UploadedSickNote" asp-for="UploadedSickNote" type="file" accept="image/*" capture>
        <input id="sicknote-button-submit" type="submit"/>
    </div>
</form>

I have also tried using a viewmodel but with the same results.

Action:

[HttpPost]
[Route("UploadSickNote")]
public ActionResult UploadSickNote(SickNotesViewModel vm)
{
    // Do something with file

    return RedirectToAction("SickNotes");
}

ViewModel:

public class SickNotesViewModel
{
    public List<SickNoteElement> SickNoteElements { get; set; }
    public HttpPostedFileBase UploadedSickNote { get; set; }
}

I am using asp.net mvc 5 (not asp.net core) and a bit of vue.js for view functionalities. Any ideas or tips are greatly appreciated.

nalnpir · Accepted Answer · 2020-11-25 10:21:42Z

2

Edit:

You have to make sure that your input name matches your controller so

<input id="sicknote-upload" name="file" asp-for="UploadedSickNote" type="file" accept="image/*" capture>

if with that doesnt work you could try also specifying the type of form you are sending

<form Controller="Documents" Action="UploadSickNote" method="post" enctype="multipart/form-data">

edited Nov 25, 2020 at 10:21

answered Nov 25, 2020 at 10:07

nalnpir

1,1937 silver badges14 bronze badges

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

5 Comments

kyllion001 Over a year ago

Fromform is for asp.net core. Which i am not allowed to use at the moment.My other actions that receive viewmodels all work without the use for fromform.

nalnpir Over a year ago

My bad i ll edit accordingly, you will have to change some things in your View then

kyllion001 Over a year ago

The 2nd code fragment also works, i'll accept it as answer since it's prettier than what i found, thanks

nalnpir Over a year ago

Technically speaking they re the same, @Html.BeginForm is just a wrapper for the form tag, if you inspect the code you will see the same result

kyllion001 Over a year ago

Yes but i do not like the look of the html wrappers in code so it's just personal preference :)

kyllion001 · Accepted Answer · 2020-11-25 10:26:14Z

0

Found the solution after some more searching. I now receive the file in my viewmodel by changing my view to this:

   @using (Html.BeginForm("UploadSickNote", "Documents", FormMethod.Post, new { enctype = "multipart/form-data" }))
   {
            <div>
                <input id="sicknote-upload" name="UploadedSickNote" type="file" accept="image/*" capture>
                <input id="sicknote-button-submit" type="submit"/>
            </div>
   }

answered Nov 25, 2020 at 10:26

kyllion001

259 bronze badges

Collectives™ on Stack Overflow

File Input does not upload file to MVC Action

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related