ASP.NET CORE displaying image set to instance of a property

Question

I have a property

public class Robusta
{
    public int Id {get;set;}
    public int CoffeeId {get;set;}
    public string Name {get;set;}
    public string Origin {get;set;}
    public string ImagePath {get;set;}
}

I have ImagePath set as ~/images/imageName.jpg in the database. ~/images/imageName.jpg works and displays image in the view if I do <img src="~/images/imageName.jpg" /> so I thought that if I set property to that string by making ImagePath='~/images/imageName.jpg' and in my View I displayed

<td>
    <img src="@Html.DisplayFor(modelItem => item.ImagePath)" />
</td>

that it would work, but it does not display the image. How can I add the image as a property and display it? Because I have different images for every instance.

Fei Han · Accepted Answer · 2020-03-19 03:35:26Z

1

How can I add the image as a property and display it?

You can use Url.Content method to resolve a url for your Image file when you pass it the relative path, like below.

<td>
    @*<img src="@Html.DisplayFor(modelItem => item.ImagePath)" />*@
    <img src="@Url.Content(item.ImagePath)" />
</td>

answered Mar 19, 2020 at 3:35

Fei Han

28k1 gold badge35 silver badges47 bronze badges

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

1 Comment

jaabh Over a year ago

Thank you very much.

Collectives™ on Stack Overflow

ASP.NET CORE displaying image set to instance of a property

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related