CODEWITHSUNDEEP
asp.net-mvcasp.net-mvc-3razor
Jyothi Srinivasa
Jyothi Srinivasa

Reputation: 701

Image display on MVC view

I am trying to display image on the cshtml file. The spam filter prevents me from typing the HTML for image. However the source is set to

src= "@Html.Encode(Model.PictureLocation)"  alt="IMAGES"

In viewsource it shows as 

src= "C:\Documents and Settings\xxx\My Documents\Visual Studio 2010\Projects\MVC\TIQC_ServerInterface\TIQC_ServerInterface\uploads\FileUpload12011_03_02_11_49_22.jpg"  alt="IMAGES"

The image is present in the location mentioned in the src path.

On execution, the page is not displaying the images. Let us know if anything wrong here?

Upvotes: 33

Views: 105903

Answers (2)

davehauser
davehauser

Reputation: 5962

The path in the src attribute must be relative to the website root, not the absolute path on the server. So in your case that would probably be something like "/uploads/FileUpload12011_03_02_11_49_22.jpg".

Upvotes: 2

Darin Dimitrov
Darin Dimitrov

Reputation: 1039398

You have specified an absolute path which doesn't exist on the client computer. Try like this:

<img src= "@Url.Content("~/uploads/FileUpload12011_03_02_11_49_22.jpg")" alt="IMAGES" />

or if your model variable contains "~/uploads/FileUpload12011_03_02_11_49_22.jpg" you could:

<img src= "@Url.Content(Model.PictureLocation)" alt="IMAGES" />

Upvotes: 68

Related Questions