How can I use file upload with MVC?

Question

I used file upload to insert the file path on DB and the uploaded file on file on the project directory , I added my code but It didn't worked well.

<div class="editor-field create-Bt2">
        @Html.EditorFor(model => model.Active)
        @Html.ValidationMessageFor(model => model.Active)
    </div>
    <div>
        <p class="create-Bt ">
            <input type="submit" value="Create" />
        </p>
    </div>

[HttpPost]
    public ActionResult Create(Category category)
    {
        if (ModelState.IsValid)
        {
            var fileName = "";

            var fileSavePath = "";
            var uploadedFile = Request.Files[0];
            fileName = Path.GetFileName(uploadedFile.FileName);
            fileSavePath = Server.MapPath("../../Uploads/" +
              fileName);
            uploadedFile.SaveAs(fileSavePath);


            db.Categories.Add(category);
            db.SaveChanges();
            return RedirectToAction("Index");
        }

        return View(category);
    }

"It didn't work well". What went wrong? Are you not getting a file, doesnt it hit the action, what is happening? — René Wolferink
– René Wolferink, Commented Nov 21, 2012 at 8:55
It didn't worked well. Please describe precisely what happend! Error code, actual behavior, etC. — Steve B
– Steve B, Commented Nov 21, 2012 at 8:56

Peter · Accepted Answer · 2012-11-21 08:59:45Z

3

On your form

<form action="" method="post" enctype="multipart/form-data">

  <label for="file">Filename:</label>
  <input type="file" name="file" id="file" />

  <input type="submit" />
</form>

In your Controller

[HttpPost]
public ActionResult Index(HttpPostedFileBase file) {

  if (file.ContentLength > 0) {
    var fileName = Path.GetFileName(file.FileName);
    var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
    file.SaveAs(path);

    // save the path to your table 
    // db.???

    db.SaveChanges();


  }

  return RedirectToAction("Index");
}

answered Nov 21, 2012 at 8:59

Peter

7,8049 gold badges68 silver badges95 bronze badges

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

3 Comments

Peter Over a year ago

I can't see how you've changed it. the point of my answer it that if you want to receive a file you MUST have a parameter of type HttpPostedFileBase that is called whatever your file input control is called.

Egydeveloper Over a year ago

I used Razor also I didnot post all completed project ,the page has input button

Peter Over a year ago

but you understand that my answer is how you achieve what you are trying to do. You should mark it correct and upvote it if you agree.

Collectives™ on Stack Overflow

How can I use file upload with MVC?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related