Upload image in mvc5

Question

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

Vivek Kumar · Answer

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

Mani Kandan · Answer

See: https://forums.asp.net/t/1994564.aspx?How+to+pass+upload+file+to+controller+in+MVC+4+Razor+

Mani Kandan · Answer

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/Methodname?imageName=@Model.yourimagename" /> Cheers!!!

Abhishek Srivastava · Answer

https://forums.asp.net/t/1976497.aspx?ASP+Net+MVC+5+Upload+Image+Save+to+Database+Create+Thumbnail+and+Display+in+View

Manikandan Murugesan · Answer

//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 Kahane · Answer

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

Aleena Saviour · Answer

Please help me with the code of first three steps?

Upload image in mvc5

Answers (7)