¿Dónde está Html.Image en ASP .NET MVC RC?

Question

No puedo encontrar el método Html.Image en la nueva versión de MVC RC. Por favor, alguien me dé ejemplos de cómo renderizar una imagen simple en los sitios ASP .NET MVC RC.

Answer 1

necesidad de escribir su propia cuenta o utilizar el método Url.Content() para establecer el atributo de origen. O puedes usar el mío. :-)

public static class HtmlHelperExtensions 
{ 

    public static string Image(this HtmlHelper helper, 
           string url, 
           string altText, 
           object htmlAttributes) 
    { 
     TagBuilder builder = new TagBuilder("img"); 
     builder.Attributes.Add("src", url); 
     builder.Attributes.Add("alt", altText); 
     builder.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 
     return builder.ToString(TagRenderMode.SelfClosing); 
    } 
} 

Uso:

<%= Html.Image(Url.Content("~/Content/images/img.png"), 
       "alt text", 
       new { id = "myImage", border = "0" }) 
%> 

EDITAR: Desde que escribí esto me he ido lejos de usarlo. Dejaré la respuesta aquí, aunque para la posteridad. Aunque creo que el método del ensamblado Future es una opción razonable, me encuentro simplemente usando la etiqueta de imagen con la url proporcionada por un UrlHelper. Cuando refactored mis ayudantes en una biblioteca independiente, este no hizo el corte. Volveré a evaluar si se convierte en la biblioteca MVC (no futura).

<img src="<%= Url.Content("~/content/...") %>" 
    alt="alt text" 
    class="has-border" /> 

Answer 2

¿Qué pasa con HTML puro?

<img src="" alt="" /> 

Se puede usar la colección o modelo ViewData a llenar el atributo src:

<img src="<%= ViewData["ImageSource"] %>" alt="" /> 

<img src="<%= ViewData.Model.ImageSource %>" alt="" /> 

Editar:

cuanto a uso de URLs relativas (es decir, utilizando el carácter "~") en la ruta , cambie el código anterior para usar ResolveUrl. Por ejemplo:

<img src="<%= ResolveUrl(ViewData.Model.ImageSource) %>" alt="" /> 

Answer 3

Si necesita hacer referencia a una imagen en, por ejemplo, la carpeta ~/Content/images/, puede fácilmente ser hecho con sólo HTML plano:

<img src="/Content/image/mypic.png" alt="a picture available anywhere" /> 

El truco es el "/" en el comienzo del atributo src, que le indicará al navegador que comience a buscar carpetas en la raíz del sitio. Como ASP.NET MVC de forma predeterminada no analiza las URL de ruta en los archivos que existen en el servidor, el archivo se recuperará de la forma habitual. Esto también funciona en la vista Index del controlador Home independientemente de si usted tiene la url http://www.example.com/, http://www.example.com/Home o http://www.example.com/Home/Index

Answer 4

Su en MVC futuros, que están actualizando con cada lanzamiento.

futuros RC2 está aquí: http://aspnet.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=24142

No se sienta culpable por el uso de algo en los futuros ''. No va a ninguna parte, e incluso si alguna vez tuviste acceso a la fuente.

Tienes que ser un poco cauteloso sobre algunas cosas en futuros (en caso de que desaparezcan) pero puedes estar bastante seguro de que Image helper no va a ninguna parte.

Answer 5

Ahora podemos devolver MvcHtmlString.

public static MvcHtmlString Image(this HtmlHelper helper, string url, string altText, object htmlAttributes) 
     { 
      TagBuilder builder = new TagBuilder("img"); 
      builder.Attributes.Add("src", url); 
      builder.Attributes.Add("alt", altText); 
      builder.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 
      return MvcHtmlString.Create(builder.ToString(TagRenderMode.Normal)); 
     } 

el uso de la maquinilla de afeitar:

@Html.Image(Url.Content("~/Content/images/img.png"), 
       "alt text", 
       new { id = "myImage", border = "0" })