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，这将很有帮助。无论如何，两条建议可能已经有用：

删除DisplayFor()，然后将原始值放在其中。

在URL包含空格的情况下，在src值两边加上引号（“”）。

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

我还将结尾处的/>更改为>。这不能解决您的任何问题，但这是正确的HTML。 />是我们过去在XHTML中所做的事情。

如果不能解决问题，请发布生成的HTML进行进一步调试。

如何在ASP.net MVC中显示图像列表

1 个答案: