File Upload in ASP.NET MVC 5

Question

I am unable to upload file in folder. I am not able to find the mistake. The UploadFile View returns on same view after uploading file.

Model Class:

public class Upload
    {
        public int UploadId { get; set; }
        public string UploadTitle { get; set; }
        public string UploadURL { get; set; }

    }

Here is the Controller(FileUpload) Action:

public ActionResult UploadFile(HttpPostedFileBase file, Upload upload)
        {
            if (ModelState.IsValid)
            {
                if (file != null)
                {
                    string fil = System.IO.Path.GetFileName(file.FileName);
                    string path = System.IO.Path.Combine(Server.MapPath("/Content/Uploads/Files"), fil);
                    file.SaveAs(path);
                    upload.UploadURL = "/Content/Uploads/Files/" + file.FileName;
                }
                db.Uploads.Add(upload);
                db.SaveChanges();
                return RedirectToAction("Index");
            }

            return View(upload);
        }

In my View:

@using (Html.BeginForm("UploadFile, "FileUpload", FormMethod.Post, new { enctype = "multipart/Form-data" }))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

        <div class="form-group">
            <div class="control-label col-md-2">
                <label for="file">Upload Image  for Slide:</label>
            </div>
            <div class="col-md-10">
                <input type="file" name="file" id="file" style="width:50%" />
            </div>

        </div>



        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" />
            </div>
        </div>
    </div>
}

Do you get an error? Did you try debugging the code? Does the Model.IsValid call return true? It's impossible to guess without some information — Panagiotis Kanavos
– Panagiotis Kanavos, Commented May 26, 2015 at 11:54
Do you have the "[HttpPost]" attribute before the function in Controller? — Eru
– Eru, Commented May 26, 2015 at 12:02

Golda · Accepted Answer · 2015-05-27 05:43:51Z

4

Hi I have tried your same code its works for me.

Controller

   [HttpPost]
        public ActionResult UploadFile(HttpPostedFileBase file)
        {
            if (ModelState.IsValid)
            {
                if (file != null)
                {
                    string fil = System.IO.Path.GetFileName(file.FileName);
                    string path = System.IO.Path.Combine(Server.MapPath("/Content/Uploads/Files"), fil);
                    file.SaveAs(path);
                }
                return RedirectToAction("Index");
            }

            return View("UploadFile");
        }

View

@using (Html.BeginForm("UploadFile", "Home", FormMethod.Post, new { enctype = "multipart/Form-data" }))
{
@Html.AntiForgeryToken()

<div class="form-horizontal">

    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    <div class="form-group">
        <div class="control-label col-md-2">
            <label for="file">Upload Image  for Slide:</label>
        </div>
        <div class="col-md-10">
            <input type="file" name="file" id="file" style="width:50%" />
        </div>

    </div>



    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Save" class="btn btn-default" />
        </div>
    </div>
</div>
}

I have found small mistake in you code in Html.BeginForm in action name " (double quotes is missing)

answered May 27, 2015 at 5:43

Golda

3,89110 gold badges39 silver badges67 bronze badges

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

2 Comments

j1rjacob Over a year ago

it seems that you didn't use the model.

Golda Over a year ago

If you want to use the model you can use it and pass through the UploadFile action

userKG · Accepted Answer · 2015-05-28 10:49:01Z

-1

I forgot to mention the required field on UploadURL in above model class:

public class Upload
    {
        public int UploadId { get; set; }
        public string UploadTitle { get; set; }

        [Required]
        public string UploadURL { get; set; }

    }

Required Field validation on UploadURL field restricted the file upload here. I removed the Required field validation from the field.

answered May 28, 2015 at 10:49

userKG

893 silver badges10 bronze badges

1 Comment

j1rjacob Over a year ago

Is this the answer or just additional info. just edit your post.

Collectives™ on Stack Overflow

File Upload in ASP.NET MVC 5

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related