<img> Échec de la balise dans l'application MVC2

Question

Dans une vue MVC2, les balises ne fonctionnent pas du tout. Ils apparaissent comme des images brisées. La balise (créée par une méthode d'extension Html.ImageFor() que j'ai écrit) est une étiquette parfaitement valable, comme celui-ci, que je copiais de la source de la page dans IE:

<img alt="Picture Display" src="~/Content/Pictures/IMGP0164 (resized).JPG" /> 

Notez que si je n » t utilisez la méthode helper, et tapez simplement une balise, avec une URL src correcte, qui se termine également. Si j'utilise une balise à la place, avec la même URL src, cela fonctionne correctement et l'image s'affiche comme prévu.

Donc, pour une raison quelconque, les balises justes ne fonctionnent tout simplement pas pour moi à partir d'une vue MVC2. Je suis très nouveau sur MVC2, mais pas nouveau sur ASP.NET ou Html. Y at-il quelque chose à propos des balises, lorsqu'elles sont utilisées dans une vue MVC2, que je n'ai tout simplement pas encore découvert?

Merci d'avance pour un indice!

Answer 1

Votre Html.ImageFor() est endommagé, car src="~/Content/Pictures/IMGP0164 (resized).JPG" n'est pas un URI valide.

Le tilde doit être remplacé par le chemin virtuel du site. Pour ce faire, vous utilisez Url.Content. Puisque vous ne l'avez pas montré la source pour la méthode cassée, je ne peux pas réparer, mais dans le balisage simple vous pouvez écrire:

<img alt="Picture Display" src="<%= Url.Content("~/Content/Pictures/IMGP0164 (resized).JPG")" /> 

Vous pouvez utiliser la même idée dans votre aide.

Answer 2

est ici la méthode d'assistance demandée:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Linq.Expressions; 
using System.Web; 
using System.Web.Mvc; 
using PictureThis.Models; 


namespace System.Web.Mvc.Html 
{ 
    public static class ExtensionMethods 
    { 
     // HtmlHelper Extensions 

     /// <summary> 
     /// Builds an Html image element. 
     /// </summary> 
     /// <param name="helper">Required target param</param> 
     /// <param name="src">Source URL attribute</param> 
     /// <param name="alt">Alt text attribute</param> 
     /// <returns></returns> 
     public static MvcHtmlString ImageFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, string alt) 
     { 
      TagBuilder tb = new TagBuilder("img"); 
      Delegate GetSource = expression.Compile(); 
      string source = GetSource.DynamicInvoke(html.ViewData.Model).ToString(); 
      tb.Attributes.Add("src", source); 
      tb.Attributes.Add("alt", alt); 
      return MvcHtmlString.Create(tb.ToString(TagRenderMode.SelfClosing)); 
     }  
    } 
}