如何显示从asp.net MVC 4和Razor视图中的path的图像？

我有以下模型：

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

如何从path显示该图像？ 根据设置，图像path可能会有所不同吗？ 任何其他的想法？

我现在还不知道如何使用剃刀语法。

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;" /> }