Cannot display images using path created Server.MapPath

Question

I am trying display images on the webpage from the folder placed in my project root directory. The path that I am storing in the database is as follows:

D:\Projects\OnlineStore\OnlineStore\OnlineStore\Content\Uploads\Images\Bundles\706976d31e274e7ab36986b9bec2f0f9-Object Image.jpg

The code that generated this path is as follows:

var path = Path.Combine(Server.MapPath("~/Content/Uploads/Images/Bundles"), fileId);
photo.SaveAs(path);

Image doesn't show using this path. The path that works is as follows:

\Content\Uploads\Images\Bundles\706976d31e274e7ab36986b9bec2f0f9-Object Image.jpg

How do I resolve this issue? I was thinking about using first path to save image file to folder and save second path in the database. But this doesn't seem the right way of doing this.

Have you tried var path = Path.Combine(System.Web.Host.HostingEnvironment.MapPath("~/Content/Uploads/Images/Bundles"), fileId); — Kunal Mukherjee
– Kunal Mukherjee, Commented Jan 15, 2018 at 7:39
Can you post your view code ? , so that others can guide better. — Shaiju T
– Shaiju T, Commented Jan 15, 2018 at 8:06
just store image name inly in database as : 706976d31e274e7ab36986b9bec2f0f9-Object Image.jpg and display the image using any path you like — user8507737
– user8507737, Commented Jan 15, 2018 at 8:14
Hi Valkyrie! Image is placed under the root directory, so yes i guess. — Muhammad Imran Khan
– Muhammad Imran Khan, Commented Jan 15, 2018 at 8:44

Shaiju T · Accepted Answer · 2018-01-15 08:27:56Z

1

1. Only store FileName in database Check this.

  string fileName = System.IO.Path.GetFileName(file.FileName);

 //store fileName in your ImageName column of Image your Image table
 //Note: generate unique filename using `Guid` or `PrimaryKey` to overcome    
 //same file name issue.

2. Use @Url.Content to show image in view.

<img  src="@Url.Content("~")/Content/Uploads/Images/Bundles/@Model.ImageName"/>

Reference

edited Jan 15, 2018 at 8:27

answered Jan 15, 2018 at 8:21

Shaiju T

6,65324 gold badges112 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user174806 · Accepted Answer · 2018-01-15 10:56:13Z

In controller:

public ActionResult UserRegister(Register Register)
    {
        try
        {
            DbConnection dbHandle = new DbConnection();
            dbHandle.Connection();

             using (SqlCommand UserRegistercmd = new SqlCommand("USPUserRegistration", dbHandle.con))
                {
                    DateTime dob = Convert.ToDateTime(Register.dateOfBirth);
                    string Random = System.DateTime.Now.ToString("ddMMyyhhmmss");
                    Register.UserPhoto = "../Images/" + Random + Register.userImg.FileName;
                    Register.userImg.SaveAs(Server.MapPath("../Images/") + Random + Register.userImg.FileName);
                    UserRegistercmd.CommandType = CommandType.StoredProcedure;

                    dbHandle.con.Open();
                    UserRegistercmd.ExecuteNonQuery();
                    dbHandle.con.Close();
                    ViewBag.error = "Company Registration Sucess";

                    Mail.SendMail(Register.email,"Your User Name and Password ","User Name :"+Register.username+"Paassword :"+Register.password);
                }
        }
        catch (Exception e)
        {
            ViewBag.error = "Error!!";
            ExceptionLog.Log(e, Request.UserHostAddress);
            return RedirectToAction("Error_View", "CompanyRegister");
        }
        finally
        {
            Dispose();
        }
        return RedirectToAction();
    }

in cshtml use @Url.Content:

  <img src="@Url.Content(@Model.UserPhoto)" alt="There is no Image" style="height:150px;width:150px" onclick="ChangeImg()" />

Collectives™ on Stack Overflow

Cannot display images using path created Server.MapPath

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related