asp.net MVC 4 및 Razor보기에서 경로의 이미지를 표시하는 방법은 무엇입니까?

asp.net MVC 4 및 Razor보기에서 경로의 이미지를 표시하는 방법은 무엇입니까?

---

다음 모델이 있습니다.

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

경로에서 해당 이미지를 표시하는 방법은 무엇입니까? 설정에 따라 이미지 경로가 다를 수 있습니까? 다른 아이디어가 있습니까?

razor 구문이 어떻게 작동하는지 지금은 이해하지 못합니다.

---

당신의 뷰에서 이렇게 시도하십시오

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

---

이 답변으로 시도해 볼 수도 있습니다.

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

---

이 시도 ,

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

---

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

참고 URL : https://stackoverflow.com/questions/15986980/how-to-display-an-image-from-a-path-in-asp-net-mvc-4-and-razor-view