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" />
    }
                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?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With