asp.net MVC 4とRazorビューのパスから画像を表示するには？

Question

私は次のモデルがあります：

public class Player 
{ 


    public String ImagePath 
    { 
     get 
     { 
      return "~/Content/img/sql_error.JPG"; 
     } 

    } 

をそして、これは私の.cshtmlファイルです：

@model SoulMasters.Models.Game.Player 

@{ 
ViewBag.Title = "Game"; 
Layout = "~/Views/Shared/_GameLayout.cshtml"; 
var imagePath = @Model.ImagePath; 
} 

<fieldset> 
<legend>Player</legend> 

    <div class="display-field"> 
    @Html.DisplayFor(model => model.ImagePath) 
</div> 
@imagePath 
<div style="padding:10px;"> 

    <img src=@imagePath alt="Sample Image" width="300px" /> 

    <img alt="asd" > 
     model.ImagePath; 
    </img> 
</div> 
</fieldset> 

結果は単純なテキストである。また、

~/Content/img/sql_error.JPG 
~/Content/img/sql_error.JPG 
Sample Image asd model.ImagePath; 

、私は次のことを試してみましたライン、それは動作します：

<img src="~/Content/img/sql_error.JPG" alt="Sample Image" width="300px" /> 

パスからそのイメージを表示するにはどうすればよいですか？ イメージパスは設定によって異なる場合がありますか？他のアイデア？

剃刀の構文がどのように機能するかは実際には分かりません。あなたのビューで

Answer 1

この

<img src= "@Url.Content(Model.ImagePath)" alt="Image" /> 

Answer 2

ようにしてみてください、あなたはまた、この答えを試すことができます。

<img src="~/Content/img/@Html.DisplayFor(model =>model.ImagePath)" style="height:200px;width:200px;"/> 

Answer 3

@foreach (var m in Model) 
    { 
     <img src="~/Images/@m.Url" style="overflow: hidden; position: relative; width:200px; height:200px;" /> 
    } 

Answer 4

<img src= "@Url.Content(Model.ImagePath)" alt="Sample Image" style="height:50px;width:100px;"/> 

(or) 

<img src="~/Content/img/@Url.Content(model =>model.ImagePath)" style="height:50px;width:100px;"/>