File uploading in MVC

Question

I have a form it's creating by script in jquery plugin like this.

elem.insertHtml('<form method="post" action="Home/ContactUs" enctype="mutlipart/form-data"><input type="file" name="file" id="fileUpload"></form></div>')

I must upload a file, and save it in some folder. When I choose a file, and submit form, on form subbmiting calling the ContactUs action.There is ContactUs action from Home controller.

public ActionResult ContactUs(HttpPostedFileBase file, ContactFormModel model)
{
    //other code
}

But HttpPostedFileBase file is null, and I havn't got any notions why. Can you help me, please?

When I create my form usin Html.BeginForm, it works correctly, by but script there is a problem.

Can it be because of the typo in `enctype="mutlipart/form-data"`? — Anton, Aug 28 '13 at 11:55
Check my approved answer http://stackoverflow.com/questions/18440220/how-to-upload-file-in-strong-type-view-in-asp-net-mvc/18441187#18441187 — Jatin patil, Aug 28 '13 at 11:56
I think you're missing @Anton's point - you've put `mutlipart/form-data` instead of `multipart/form-data` — Richard, Aug 28 '13 at 12:11

score 2 · Answer 1 · edited May 23 '17 at 12:07

2

You can use 'File' method for uploading file and retrieve them. create a folder in your project something likes 'FileUploads' and then upload File in there. I give you a link where you can see full implementation :- Upload,Save and Retrieve Image from database by using their Id in Code First Method

edited May 23 '17 at 12:07

Community

1
1

answered May 15 '14 at 16:55

mgsdew

729
1
8
27

Sunny R Gupta · Answer 2 · 2013-08-28T12:01:45.057

1

Create HTML form from like this:

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input type="text" name="Subject"/>
    <input type="file" name="file" />
    <input type="submit" value="OK" />
}

Also make sure in your Controller, the Method has an attribute [HttpPost] like this:

[HttpPost]
public ActionResult ContactUs(HttpPostedFileBase file, ContactFormModel model)
{
    //other code
}

edited Aug 28 '13 at 12:01

answered Aug 28 '13 at 11:55

Sunny R Gupta

5,026
1
31
40

1

But my form created by script. And I can't create it in .cshtml view file. – dotNet_d19 Aug 28 '13 at 12:00
Do you have the `HttpPost` attribute? Updated my answer. @dotNet_d19 – Sunny R Gupta Aug 28 '13 at 12:05

score 0 · Answer 3 · edited May 23 '17 at 12:15

0

Maybe your model binding is not working in your code. It is your view strongly typed?

Try it whith this answer. https://stackoverflow.com/a/8551621/2664142

edited May 23 '17 at 12:15

Community

1
1

answered Aug 28 '13 at 12:02

Iván Ramos Jiménez

1

İbrahim Özbölük · Answer 4 · 2013-08-28T12:23:17.040

Could you change from

elem.insertHtml('<form method="post" action="Home/ContactUs" enctype="mutlipart/form-data"><input type="file" name="file" id="fileUpload"></form></div>')

To

elem.insertHtml('<form method="post" action="Home/ContactUs" enctype="multipart/form-data"><input type="file" name="file" id="fileUpload"></form></div>')

Could you check Request.Files.Count it must be more than 0 if not could you comment me please

 public ActionResult ContactUs(ContactFormModel model)
 {
    Request.Files[0].SaveAs(Server.MapPath(@"~\files\test.jpg"));
    return View();
 }

File uploading in MVC

4 Answers4