How to display saved image in a folder in ASP.net MVC

asp.net, asp.net-mvc, asp.net-mvc-3, c#

Solution

You shoud save image name instead of image path in table.

Then in view try this:

<img src="~/images/profile/@Model.imageUrl" />

"Update"

See here:

How to save image in database and display it into Views in MVC?

Problem

I am saving image files in a folder /images/profile and i want to save the image path in a database and do not know how to display image in a view. I am new to MVC. Following are the codes for image uploading. Please help. HomeController.cs ``` public class HomeController : Controller { ImageEntities db = new ImageEntities(); public ActionResult Index() { return View(); } public ActionResult FileUpload(HttpPostedFileBase file, tbl_Image model) { if (file != null) { string pic = System.IO.Path.GetFileName(file.FileName); string path = System.IO.Path.Combine( Server.MapPath("~/images/profile"), pic); // file is uploaded file.SaveAs(path); } return View("FileUploaded", db.tbl_Image.ToList()); } public ActionResult FileUploaded() { return View(); } } ``` FileUpload.cshtml ``` @using (Html.BeginForm("FileUpload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" })) { <label for="file">Upload Image:</label> <input type="file" name="file" id="file" style="width: 100%;" /> <input type="submit" value="Upload" class="submit" /> } ``` FileUploadedView.cshtml ``` @foreach (var item in Model) { <img src="~/images/profile/@item.imagepath" /> } ```

Original source

Related problems