Submit a form with a file upload

Question

I have a simple form with 4 input on it.

2 text input
2 check boxes

My current view model posted to server is like the following:

public class MyViewModel {
    public string FirstText { get; set; }
    public string SecondText { get; set; }
    public bool FirstBool { get; set; }
    public bool SecondBool { get; set; }
}

This works good. I have now the requirement that when the SecondBool value is true the UI should also upload a file to the server. Then I have modified the view model to add

public HttpPostedFileBase UploadedFile { get; set; }

and modified the form to having an attribute enctype="multipart/form-data"

I would like to use, as I am using bootstrap as the base UI framework the jQuery File Upload plugin but did not get through on how to post and upload the file at the same time. I know it should be very easy to do it.

Any hint?

chxzy · Accepted Answer · 2015-05-14 08:43:27Z

2

You will need to add the HttpPostedFileBase UploadedFile to your post action in your controller. You cannot pass via the model.

E.g.

[HttpPost]
public ActionResult MyAction(MyModel model, HttpPostedFileBase UploadedFile)
{
    //..... Do stuff here
}

answered May 14, 2015 at 8:43

chxzy

4894 silver badges13 bronze badges

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

5 Comments

Lorenzo Over a year ago

Thank you for your answer. Any suggestion on the client plugin configuration please?

nik0lai Over a year ago

There is a good sample here: powerdotnetcore.com/asp-net-mvc/…

chxzy Over a year ago

@Lorenzo If you take a look at the link provided by nik0lias (powerdotnetcore.com/asp-net-mvc/…) you will find a great sample to add jQuery file upload to MVC project.

Lorenzo Over a year ago

@nik0lias: Yes I have seen that link before. Unfortunately that link upload the file as soon as the file is selected in the file input. I am getting stuck with uloading when the form is submitted

nik0lai Over a year ago

The example in that link is triggered by button click, could you post what you have so far? In your view?

Collectives™ on Stack Overflow

Submit a form with a file upload

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related