Wie zeigt man ein Bild von einem Pfad in asp.net MVC 4 und Razor anzeigen?

Question

Ich habe folgendes Modell:

public class Player 
{ 


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

    } 

Und das ist mein .cshtml Datei:

@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> 

Das Ergebnis ist einfacher Text: Folgende

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

Auch habe ich versucht, die Linie, und es funktioniert:

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

Wie wird das Bild vom Pfad angezeigt? Kann der Bildpfad basierend auf den Einstellungen abweichen? Irgendwelche anderen Ideen?

Ich verstehe es jetzt nicht wirklich, wie die Rasierersyntax funktioniert.

Answer 1

Ihrer Ansicht nach versuchen, wie dieser

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

Answer 2

Sie auch mit dieser Antwort versuchen:

<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

die Sie interessieren,

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