2017-02-27 3 views
-2

私はプロジェクトをやっていますが、私はテーブルから画像を取得して特定の部門に表示したいと思います。画像はなぜ画像がmvc razorのビューページにロードされないのですか?

<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); 
    } 

IAMが画像以外のすべての詳細をテーブルから値を取得し、表示するページのビューページに

ビューページをロードしていませんテーブルから取得するのではなく、エラーを生成しません。どのように起こったのだろう、コードは正しいと思われる。誰も私の問題の解決策を見つけるのを助けてくれる?

+0

あるCSSで

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

に正しいフォーマットの変更

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

ではありませんdivタグ内の 'Url.Content'に追加し、代わりに生のパスの挿入を使用してください。 –

+0

あなたの生成するhtmlを調べる - 'style'属性の値は何ですか? –

+0

@ Stephen Mueckeスタイル属性にストライキを表示 – user256

答えて

0

あなたのインラインCSSを使用すると、背景を適用するときに適切な形式は `Html.DisplayFor`を削除してくださいstyle="background:url(urlpath)"

+0

また画像に@usman – user256

+0

パスが正しくない可能性があります – Usman

+0

m => m [j] .PhotoUrlの値を表示できますか? – Usman

関連する問題