如何使圖像成爲我的html.ActionLink的一部分？

Question

這可能是一個非常簡單的問題。如何將圖像添加到Html.ActionLink鏈接？在常規HTML我只想把這樣的事情：

<a href="url"><img src="whatever.jpg" />Words and Stuff too </a> 

如何能夠將生成的鏈接標籤內的形象呢？

@Html.ActionLink("Change Database Connection","Index","Home",null,null) 

我試着這樣做

@Html.ActionLink("<img src=\"../../Content/themes/base/images/web_database.png\" />Change Database Connection","Index","Home",null,null) 

顯然，這並沒有工作。它只是顯示我img標籤以純文本格式。什麼是實現這一目標的正確方法？我需要一個幫手類這麼簡單嗎？

Answer 1

這裏有兩個我已經採用和更新的擴展。

public static MvcHtmlString ActionImageLink(this HtmlHelper helper, string imageUrl, string altText, string actionName, string controller, object routeValues, string _imageClass = "", object htmlAttributes = null) 
{ 
    var image = new TagBuilder("img"); 
    image.MergeAttribute("src", imageUrl); 
    image.MergeAttribute("alt", altText); 
    if (string.IsNullOrEmpty(_imageClass) == false) image.MergeAttribute("class", _imageClass); 
    var link = helper.ActionLink("[replaceme]", actionName, controller, routeValues, htmlAttributes); 
    return new MvcHtmlString(link.ToHtmlString().Replace("[replaceme]", image.ToString(TagRenderMode.SelfClosing))); 
} 

public static MvcHtmlString ActionImageLink(this HtmlHelper helper, string imageUrl, string altText, RouteValueDictionary routeValues, string _imageClass = "", object htmlAttributes = null) 
{ 
    var image = new TagBuilder("img"); 
    image.MergeAttribute("src", imageUrl); 
    image.MergeAttribute("alt", altText); 
    if (string.IsNullOrEmpty(_imageClass) == false) image.MergeAttribute("class", _imageClass); 
    var link = helper.ActionLink("[replaceme]", routeValues, htmlAttributes); 
    return new MvcHtmlString(link.ToHtmlString().Replace("[replaceme]", image.ToString(TagRenderMode.SelfClosing))); 
}