代码之家  ›  专栏  ›  技术社区  ›  HTML Man

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

  •  0
  • HTML Man  · 技术社区  · 7 年前

    我需要显示图像列表

    控制器

    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">
    

    我的问题是如何将照片显示为列表? 例如

    人物1人物图像1
    人像2人像2
    人物3人物图像3

    0 回复  |  直到 7 年前
        1
  •  0
  •   J.P.    7 年前

    猜测“图片断开链接”是什么意思有点难,如果你发布生成的html会很有帮助。无论如何,两个可能已经有用的建议:

    1. 移除 DisplayFor() 把原始价值放进去。
    2. 在 src 值,以防URL包含空格。

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

    我也改变了 /> 结束时 > . 这在您的情况下并不能解决任何问题,但这是正确的html。 /gt; 是我们在xhtml中经常做的事情。

    如果无法修复,请发布生成的html以进一步调试。