Cómo mostrar una imagen de un camino en asp.net MVC 4 y vistas Razor?

Tengo el siguiente modelo:

public class Player
{


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

    }

Y, este es mi .cshtml de archivo:

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

El resultado es sencillo texto:

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

También, he intentado de la siguiente línea, y funciona:

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

Cómo mostrar la imagen de la ruta?
Podría la ruta de la imagen será diferente en función de la configuración? Cualquier otra idea?

Yo realmente no se que de ahora en cómo la sintaxis de afeitar obras.

pruebe este <img src="@Url.Content(@item.ImagePath)" />

InformationsquelleAutor Sas Gabriel | 2013-04-13

4 Comentarios

124

En su Opinión, tratar como este
```
  <img src= "@Url.Content(Model.ImagePath)" alt="Image" />
```
- hola, soy de ahorro de Imagepath en la base de datos como : c://user/tom/images , yo no soy capaz de recuperar la vista, ¿por qué ?
- Puedes publicar el error?
- Gracias U modo de papilla por tu respuesta 🙂
InformationsquelleAutor Adithya

también puede intentar con esta respuesta :

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

InformationsquelleAutor DKR

Probar este ,

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

InformationsquelleAutor Parameswaran

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

Por favor, no publicar el código de vertederos, más bien, explicar por qué este código resuelve el problema.

InformationsquelleAutor Debendra Dash

4 Comentarios

Dejar respuesta Cancelar respuesta