Как отобразить список изображений в ASP.net MVC

Question

Мне нужно отобразить список изображений

Контроллер

public ActionResult Index()
{         
   return View(db.User.ToList());
}

В представлении

@model IEnumerable<User.Models.User>

@foreach (var item in Model) {
         <img src=@Html.DisplayFor(modelItem => item.Image) alt="Profile Image" width="20" height="20"/>
}

Приведенный выше код показывает неработающую ссылку на изображение. HTML-код

<img src="~/Images/" alt="Profile Image" width="20" height="20">

Мой вопрос, как я могу отобразить фотографии в виде списка? Такие как

Person1 ImageofPerson1
Person2 ImageofPerson2
Person3 ImageofPerson3

Answer 1

Немного сложно догадаться, что означает «неработающая ссылка для изображения», было бы полезно, если бы вы опубликовали сгенерированный HTML.В любом случае, два предложения, которые уже могут помочь:

1. Удалите DisplayFor() и просто поместите туда необработанное значение.

2. Поместите кавычки ("") вокругзначение src, если ваш URL содержит пробелы.

   @foreach (var item in Model) {
       <img src="@item.Image" alt="Profile Image" width="20" height="20">
   }
   

Я также изменил /> в конце на >.Это ничего не исправит в вашей ситуации, но это правильный HTML./> это то, что мы привыкли делать в XHTML.

Если это не помогает, пожалуйста, опубликуйте сгенерированный HTML для дальнейшей отладки.