为什么图像没有加载到mvc剃须刀的视图页

-2

我正在做一个项目，我想从表中获取图像并将其显示在特定的分区中，当我检查使用断点的代码时，注意到图像不加载到视图页面为什么图像没有加载到mvc剃须刀的视图页

视图页面

<div class="board_cont"> 
<div class="container"> 
    <div class="row"> 
     <h3 class="content_headings">Board of Directors</h3> 
     @for (var j = 0; j < Model.Count(); j++) 
     { 
      if (j <= 2) 
      { 
       <div class="col-md-4 director-board-head"> 
       <div class="board-head-top">@Html.DisplayFor(m => m[j].Designation)</div> 
       <div class="border-head-content"> 
        <div class="image_div" style="background:@Url.Content("~/BoardImages/" + @Html.DisplayFor(m => m[j].PhotoUrl))"></div> 
        <p class="boad_name" style="padding-top:10px;text-align:center"><b>@Html.DisplayFor(m => m[j].Name)</b></p> 
        <p class="boad_number" style="padding-top:3px;text-align:center" align=center>@Html.DisplayFor(m => m[j].Phone)</p> 
       </div> 
      </div> 
      } 
     } 
    </div> 
</div> 
</div>

控制器

public ActionResult Board() 
    { 
     var selectResult = db.Boards.ToList(); 
     return View(selectResult); 
    }

荫正从表和视图页，除了图像所有细节值不从表格中检索，也不产生错误。这是怎么回事，看来代码是正确的。任何人都可以请帮我找到解决我的问题？

来源

2017-02-27 user256

尝试删除'Html.DisplayFor'在div标签里面的'Url.Content'上，改为使用原始路径插入。 –

检查您生成的html - 'style'属性的值是什么？ –

@ Stephen Muecke它显示了一个风格属性的罢工 – user256

你的内联CSS的格式不正确变化

<div class="image_div" style="background:@Url.Content("~/BoardImages/" + @Html.DisplayFor(m => m[j].PhotoUrl))"></div>

到

<div class="image_div" style="background: url(@Url.Content("~/BoardImages/" + @Html.DisplayFor(m => m[j].PhotoUrl)))"></div>

在CSS中，当你申请的背景的正确格式为style="background:url(urlpath)"

来源

2017-02-27 09:55:02 Usman

，然后图像未加载@usman – user256

路径可能不正确 – Usman

你能显示m => m [j] .PhotoUrl的值吗？ – Usman

为什么图像没有加载到mvc剃须刀的视图页

回答

相关问题