File Upload and save path to Database in asp.net MVC code first

Introduction: In this article today I am going to explain how we can File Upload and save path to Database in asp.net MVC code first

Description:

In the previous article I have explained Populate Dropdown List dynamically using Asp.net MVC Razor, Code First migration in asp.net MVC 4, Populate Cascading Dropdown List in Asp.net MVC4 using Json and Jquery and What is Asp.net MVC? Its advantages and disadvantges.

To upload image and save image path to database follow the below given steps:

Step 1:

 I have added Class to Model and name it FileUpload.cs:

using System.ComponentModel.DataAnnotations;

public class FileUpload

    {

        [Key]

        public int ID { get; set; }

        public string length { get; set; }

    }

After that add the Class to ProjectContext.cs.

public DbSet<FileUpload> FileUploads { get; set; }

How to add the class sees this article Create, Read, Update and Delete in Asp.net with MVC 4 Razor view Engine using Entity framework with Code first approach.

Step 2:

Add a controller to project.  In this example I named it FileUploadController.cs and write the code:

using MVCAPPLICATION.Models;

using System.IO;

private ProjectContext db = new ProjectContext();

        public ActionResult Index()

        {

            return View();

        }

        [HttpPost]

        public ActionResult Index(FileUpload upload, HttpPostedFileBase file)

        {

            if (file.ContentLength > 0)

            {              

                var fileName = Path.GetFileName(file.FileName);

                var guid = Guid.NewGuid().ToString();

                var path = Path.Combine(Server.MapPath("~/uploads"), guid + fileName);

                file.SaveAs(path);

                string fl = path.Substring(path.LastIndexOf("\\"));

                string[] split = fl.Split('\\');

                string newpath = split[1];

                string imagepath = "~/uploads/" + newpath;

                upload.length = imagepath;

                db.FileUploads.Add(upload);

                db.SaveChanges();

            }

            TempData["Success"] = "Upload successful";

            return RedirectToAction("Index");

        }

Step 3:

Add a View for Index and design as shown below:

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

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

  <input type="submit" />

    @if (TempData["Success"] != null)

{

    <div class="success">

        <p>@TempData["Success"].ToString()</p>

    </div>

}

</form>

Build and run the project.

Is this article helpful for you?

If yes post your comment to appreciate my work and fell free to contact me. You can like me on Facebook, Google+, Linkedin and Twitter via hit on Follow us Button and also can get update follow by Email.