ASP. NET CORE, отображающий изображение, установленное на экземпляр свойства

Question

У меня есть свойство

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;}
}

У меня ImagePath установлено как ~/images/imageName.jpg в базе данных. ~/images/imageName.jpg работает и отображает изображение в view, если я делаю <img src="~/images/imageName.jpg" />, поэтому я подумал, что если я установлю свойство для этой строки, сделав ImagePath='~/images/imageName.jpg', и в моем представлении я отобразил

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

, что это будет работать, но это не отображает изображение. Как я могу добавить изображение в качестве свойства и отобразить его? Потому что у меня есть разные изображения для каждого экземпляра.

Answer 1

Как добавить изображение в качестве свойства и отобразить его?

Вы можете использовать Url.Content метод , чтобы разрешить URL для вашего файла изображения, когда Вы передаете ему относительный путь, как показано ниже.

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

Answer 2

Это сработало, и теперь изображение отображается, если я удаляю ~ в строке. Таким образом, вместо ImagePath='~/images/imageName.jpg' у меня теперь есть ImagePath='/images/imageName.jpg'. Я понятия не имею, почему ~ влияет на это, но если бы кто-нибудь мог объяснить, я был бы признателен.