How to use image URL from database and display in Razor page?

Question

I'm having database table which include the urls of images..I tried to retrieve them and display in the cshtml page.But it doesn't display the images.But the Names of each photo is displayed.why is that??

 @foreach (var item in Model)
{
  <img class="img-responsive" src="@item.Image" alt="" style="width:200px;height:200px" />
<h4 class="centered">@item.Name</h4>
}

in the Image column in the table, urls are stored as;

ex:
~/Images/Objects/fitem10.jpg

Is image available at that location? If you check generated HTML source what is the value of SRC tag coming out? Is relative path correct? — Amit
– Amit, Commented Feb 16, 2015 at 7:16

Marco · Accepted Answer · 2015-02-16 07:17:32Z

3

You need to set the src property of the image:

<img src= "@Url.Content(item.Image)" alt="alternative text" />

Url.Content() resolves the relative path of the image into an absolute path for you.

answered Feb 16, 2015 at 7:17

Marco

24.1k13 gold badges81 silver badges132 bronze badges

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

Collectives™ on Stack Overflow

How to use image URL from database and display in Razor page?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related