क्या छवि लिंक के लिए कोई एएसपी.नेट एमवीसी एचटीएमएल हैल्पर है?

Question

Html.RouteLink() HtmlHelper टेक्स्ट लिंक के लिए बहुत अच्छा काम करता है। लेकिन एक छवि को जोड़ने का सबसे अच्छा तरीका क्या है?

Answer 1

यहाँ मेरा, इसका मुख्य कार्य कुछ भार के

public static string ImageLink(this HtmlHelper htmlHelper, string imgSrc, string alt, string actionName, string controllerName, object routeValues, object htmlAttributes, object imgHtmlAttributes) 
    { 
     UrlHelper urlHelper = ((Controller)htmlHelper.ViewContext.Controller).Url; 
     string imgtag = htmlHelper.Image(imgSrc, alt,imgHtmlAttributes); 
     string url = urlHelper.Action(actionName, controllerName, routeValues); 



     TagBuilder imglink = new TagBuilder("a"); 
     imglink.MergeAttribute("href", url); 
     imglink.InnerHtml =imgtag; 
     imglink.MergeAttributes(new RouteValueDictionary(htmlAttributes), true); 

     return imglink.ToString(); 

    } 

Answer 2

<a href="<%=Url.RouteUrl(...)%>"><img src="..." alt="..." /></a> 

Answer 3

अपना स्वयं का सहायक विस्तार बनाएं।

public static string Image(this HtmlHelper helper, string src, string alt) 
{ 
    TagBuilder tb = new TagBuilder("img"); 
    tb.Attributes.Add("src", helper.Encode(src)); 
    tb.Attributes.Add("alt", helper.Encode(alt)); 
    return tb.ToString(TagRenderMode.SelfClosing); 
} 

Answer 4

<%= Html.ActionLink(Html.Image(imageUrl, imageAlt), actionName, controllerName) %> 

काम कर सकता था, छवि विस्तार वायदा विधानसभा से है। या अपना खुद का विस्तार करें।

Answer 5

<%= Html.RouteLink("PLACEHOLDER", ...).Replace("PLACEHOLDER", "<img src=""..."" alt=""..."" />")%> 

Answer 6

मैं एक टिप्पणी जोड़ने के लिए पर्याप्त इतना अकड़ की जरूरत नहीं है, लेकिन इस MiniScalope's comment above पर एक टिप्पणी है:

UrlHelper urlHelper = ((Controller)htmlHelper.ViewContext.Controller).Url;

मैं सु होगा ggest अपने आप में यह एक HtmlHelper विस्तार विधि बनाने (और यह आसान बनाने), पुनः उपयोग के लिए:

private static UrlHelper Url(this HtmlHelper helper) 
{ 
    return new UrlHelper(helper.ViewContext.RequestContext); 
} 

Answer 7

यह एक अद्यतन संस्करण मैं ऊपर MiniScalope जवाब से होता है। मैं VS2010 और ASP.Net MVC 2 पूर्वावलोकन

 public static string ImageLink(this HtmlHelper htmlHelper, string imgSrc, string alt, string actionName, string controllerName, object routeValues, object htmlAttributes, object imgHtmlAttributes) 
    { 
     UrlHelper urlHelper = ((Controller)htmlHelper.ViewContext.Controller).Url; 
     TagBuilder imgTag = new TagBuilder("img"); 
     imgTag.MergeAttribute("src", imgSrc); 
     imgTag.MergeAttributes((IDictionary<string, string>) imgHtmlAttributes,true); 
     string url = urlHelper.Action(actionName, controllerName, routeValues); 



     TagBuilder imglink = new TagBuilder("a"); 
     imglink.MergeAttribute("href", url); 
     imglink.InnerHtml = imgTag.ToString(); 
     imglink.MergeAttributes((IDictionary<string, string>)htmlAttributes, true); 

     return imglink.ToString(); 

    } 

Answer 8

इस कोड mvc4 पर परीक्षण किया गया ...

public static MvcHtmlString ImageLink(this HtmlHelper htmlHelper, string imgSrc, string alt, string actionName, string controllerName, object routeValues, object htmlAttributes, object imgHtmlAttributes) 
    { 
     UrlHelper urlHelper = ((Controller)htmlHelper.ViewContext.Controller).Url; 
     var imgTag = new TagBuilder("img"); 
     imgTag.MergeAttribute("src", imgSrc); 
     imgTag.MergeAttributes((IDictionary<string, string>)imgHtmlAttributes, true); 
     string url = urlHelper.Action(actionName, controllerName, routeValues); 



     var imglink = new TagBuilder("a"); 
     imglink.MergeAttribute("href", url); 
     imglink.InnerHtml = imgTag.ToString(); 
     imglink.MergeAttributes((IDictionary<string, string>)htmlAttributes, true); 

     return MvcHtmlString.Create(imglink.ToString()); 

    }