How to upload file in ASP.NET razor

Question

I want to upload a file in folder image.
I use ASP.NET with MVC4 and razor.

I have this in my View :

    <div class="editor-label">
         @Html.Label("Descriptif")
    </div>
    <div class="editor-field">
         <input type="file" name="fDescriptif" />
         @Html.ValidationMessageFor(model => model.fDescriptif)
    </div>
[...]
    <p>
        <input type="submit" value="Create" />
    </p>

In my controller :

[HttpPost]
public ActionResult Create(formation formation)
{
    if (ModelState.IsValid)
    {
        db.formations.Add(formation);
        db.SaveChanges();
        return RedirectToAction("Index");
    }

    return View(formation);
}

In my model :

 public string fDescriptif { get; set; }

I have no idea what I must do to upload my file in my folder "image" and save just the name of my file in my database. When I validate my form it's my complete path who saved.

Your links show how only upload when I need to upload my file, and save its name in my database for data and the rest of the data on my model "formation" .... — Cecile.jm
– Cecile.jm, Commented Jul 2, 2014 at 8:37

Pawan · Accepted Answer · 2017-03-14 11:10:37Z

1

On your view make sure you have added enctype = "multipart/form-data" to your form tag, and then try like this:

@using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post, new { enctype = "multipart/form-data", id = "frmID" }))

And you can Get your file in Controller Action AS:

[HttpPost]
 public ActionResult Create(formation formation,HttpPostedFileBase file)
 {
   if (ModelState.IsValid)
   {
     // Get your File from file
   }

   return View(formation);
 }

edited Mar 14, 2017 at 11:10

answered Jul 2, 2014 at 8:20

Pawan

1,7421 gold badge16 silver badges37 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:00:32Z

1

you can find many questions like this, even on SO many answers have been given for this topic.

Here are 2 of the links. you should find your answer in this links. and many more other answers are there for this on SO. just google it, and you will find them.

https://stackoverflow.com/a/5193851/1629650

https://stackoverflow.com/a/15680783/1629650

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Jul 2, 2014 at 8:16

Vishal Ravlani

4353 silver badges12 bronze badges

Comments

Shekhar Pankaj · Accepted Answer · 2014-07-02 08:29:53Z

Your form doesn't contain any input tag other than the file so in your controller action you cannot expect to get anything else than the uploaded file (that's all that's being sent to the server). One way to achieve this would be to include a hidden tag containing the id of the model which will allow you to retrieve it from your datastore inside the controller action you are posting to (use this if the user is not supposed to modify the model but simply attach a file):

@using (Html.BeginForm("ACTION", "CONTROLLER", FormMethod.Post, new { enctype = "multipart/form-data" }))

 @Html.TextBoxFor(m => m.File, new { @type = "file" })

AND IN CONTROLLER

[HttpPost]
    public ActionResult ACTION(ViewModels.Model taskModel)
    {
      string path = @"D:\Projects\TestApps\uploadedDocs\";
         if (taskModel.File != null) {
                taskModel.File.SaveAs(path +taskModel.TaskTitle 
                            + taskModel.File.FileName);
                 newUserProject.DocumentTitle = taskModel.TaskTitle 
                            + taskModel.File.FileName;
                  newUserProject.DocumentPath = path + taskModel.File.FileName;
                    }
}

Rajnikant · Accepted Answer · 2014-07-02 09:08:16Z

-1

<form action="" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
  <input type="file" name="file" id="file" />
  <input type="submit" />
</form>

And your controller should be as below

    [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);
        }

        return RedirectToAction("Index");
    }

edited Jul 2, 2014 at 9:08

answered Jul 2, 2014 at 8:16

Rajnikant

2,2341 gold badge25 silver badges25 bronze badges

1 Comment

Patrick Tucci Over a year ago

This may not have answered the question, but it helped me. Thanks.

Collectives™ on Stack Overflow

How to upload file in ASP.NET razor

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related