2017-02-27 57 views
-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); 
    } 

蔭正從表和視圖頁,除了圖像所有細節值不從表格中檢索,也不產生錯誤。這是怎麼回事,看來代碼是正確的。任何人都可以請幫我找到解決我的問題?

+0

嘗試刪除'Html.DisplayFor'在div標籤裏面的'Url.Content'上,改爲使用原始路徑插入。 –

+0

檢查您生成的html - 'style'屬性的值是什麼? –

+0

@ Stephen Muecke它顯示了一個風格屬性的罷工 – user256

回答

0

你的內聯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)"

+0

,然後圖像未加載@usman – user256

+0

路徑可能不正確 – Usman

+0

你能顯示m => m [j] .PhotoUrl的值嗎? – Usman

相關問題