Как я мог бы ввести URL-адрес изображения в div в атрибуте data-src, когда я получаю данные из базы данных (в ASP.NET Ядро)?

#c# #html #asp.net-core

Вопрос:

Когда я пытаюсь получить URL-адрес изображения с атрибутом data-src , изображение не отображается.

 @foreach(var slide in Model.Slides)
{
    <div class="" data-src="~/images/home/slide/@slide.ImageURL">
    </div>
    ...
 

Ответ №1:

Для отображения изображения вы можете использовать:

 <img src="@Url.Content("~/images/home/slide/"   @slide.ImageURL)" />
 

или

 <img src="@VirtualPathUtility.ToAbsolute("~/images/home/slide/"   @slide.ImageURL)" />        
 

Комментарии:

1. @Кусай Валид Абураян: Я просто хочу отметить, что тильда ( ‘ ~ ‘ ) — это ярлык для корневого каталога виртуального каталога приложения. Таким ~ образом, значение будет заменено на значение HttpRuntime.AppDomainAppVirtualPath() . Класс виртуализации

Ответ №2:

Чтобы показать ваше изображение, но, возможно, оно равно нулю

 @if(slide.ImageURl != null)
{
 <img src="@Url.Content("~/images/home/slide/"   @slide.ImageURL)" />
}