Upload image in mvc5

Aleena Saviour

9y8.6k.NET

How to upload image into server folder and save its path in database?

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vivek Kumar9y ago
Have a look into below links.

https://www.aurigma.com/upload-suite/developers/aspnet-mvc/how-to-upload-files-in-aspnet-mvc

https://www.mikesdotnetting.com/article/259/asp-net-mvc-5-with-ef-6-working-with-files

http://highoncoding.com/Articles/689_Uploading_and_Displaying_Files_Using_ASP_NET_MVC_Framework.aspx
Abhishek Srivastava9y ago
https://forums.asp.net/t/1976497.aspx?ASP+Net+MVC+5+Upload+Image+Save+to+Database+Create+Thumbnail+and+Display+in+View
Manikandan Murugesan9y ago
//Controller
public class FileUpController : Controller
    {
        [HttpPost]3
        public ActionResult Create(tbl_atmconfigform tbl_atmconfigform, HttpPostedFileBase file)
        {
            if (ModelState.IsValid)
            {
                tbl_atmconfigform.atm_filename = Path.GetFileName(file.FileName);
                db.tbl_atmconfigform.Add(tbl_atmconfigform);
                db.SaveChanges();
                if (file != null && file.ContentLength > 0)
                    try
                    {
                        string path = Path.Combine(Server.MapPath("~/Storage/"), Path.GetFileName(file.FileName));
                        if (System.IO.File.Exists(path))
                        {
                            ViewBag.Message = "The File Already Exists in System";
                        }
                        else
                        {
                            file.SaveAs(path);
                        }

                    }
                    catch (Exception exception)
                    {
                        ViewBag.Message = "ERROR:" + exception.Message.ToString();
                    }
                else
                {
                    ViewBag.Message = "Specify the file";
                }

                return RedirectToAction("Index");
            }
            ViewBag.c_id = new SelectList(db.tbl_client, "c_id", "c_name", tbl_atmconfigform.c_id);
            ViewBag.s_id = new SelectList(db.tbl_sites, "s_id", "s_name", tbl_atmconfigform.s_id);
            ViewBag.em_id = new SelectList(db.tbl_employee, "em_id", "em_fullname",tbl_atmconfigform.em_id);

            return View(tbl_atmconfigform);
        }


      public FileResult Download(int id = 0)
        {
            tbl_atmconfigform tbl_atmconfigform = db.tbl_atmconfigform.Find(id);
            string Filename = tbl_atmconfigform.atm_filename;
            return File(System.IO.Path.Combine("~/Storage/", Filename), "application/octet-stream", Filename);
        }





//Views for Upload in create

@{
    ViewBag.Title = "Index";
}
Basic File Upload

@using (Html.BeginForm ("Index", "FileUp", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    for="file">Upload Image:
    "file" name="file" id="file"/>


    "submit" value="Upload Image"/>



    @ViewBag.Message
}


//View for Download in Index
@foreach (var item in Model)
{


            @if(item.Filename != null)
            {
            @Html.ActionLink("Download", "Download", new { id=item.Config_ID })
            }

} //Make ur changes.
Rupesh Kahane9y ago
Refere below articles
1) http://www.c-sharpcorner.com/article/uploading-files-using-strongly-typed-fileuploader-in-Asp-Net/

2) http://www.c-sharpcorner.com/UploadFile/sourabh_mishra1/fileupload-in-Asp-Net-mvc/

3) https://www.aurigma.com/upload-suite/developers/aspnet-mvc/how-to-upload-files-in-aspnet-mvc

All the best
Abhilash J A9y ago
See: https://forums.asp.net/t/1994564.aspx?How+to+pass+upload+file+to+controller+in+MVC+4+Razor+
Aleena Saviour9y ago
Please help me with the code of first three steps?
Abhilash J A9y ago
Hi,

1. You can use input type file html control for upload a image or multiple.

2. After upload a file, you can save this file in to the application image folder and save its name to database field as `imagename varchar(50)`.

3. You can save your image folder path inside the static class as string.

4. Then, you can retrieve the image name from db and to show
Eg:
<img width="135" height="135" src="../../usercontroller/[email protected]" />
Cheers!!!

Upload image in mvc5

Basic File Upload