为img创建强类型定制助手标记

Question

我想在示例MVC项目中创建自定义的Html助手。

这里是我到目前为止已经完成：

public static MvcHtmlString ImageFor<TModel,TValue>(this HtmlHelper<TModel> htmlHelper, 
      Expression<Func<TModel,TValue>> expression, 
      string alternateText, 
      object htmlAttributes) 
     { 
      ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); 
      string name = ExpressionHelper.GetExpressionText(expression); 

      TagBuilder tagBuilder = new TagBuilder("img"); 
      tagBuilder.MergeAttribute("src", metadata.Model.ToString()); 
      tagBuilder.MergeAttribute("alt", alternateText); 
      tagBuilder.MergeAttribute("name", name); 

      return MvcHtmlString.Create(tagBuilder.ToString(TagRenderMode.SelfClosing)); 
     } 

在我的控制，我传递图像路径属性（imgUrl的）。

当我尝试为它创建标签时，它不会在浏览器上给我image，而是始终显示备用文本。

这是它的呈现标记。

<img name="imageUrl" alt="alernate" src="C:\Users\Administrator\Desktop\down.png"/> 

虽然我已经做了松散类型帮手@Html.Image，它的作品完美！

我的代码出了什么问题。

我已经搜索了很多创建Strongly Typed Helpers，但没有一个教程向我解释当我们访问强类型助手时发生了什么。

我也看过帖子在SO中，当有人发布有关帮手的代码时，它只是一段代码而没有任何解释。

如果有人有创建强类型的自定义助手的教程，它给出了一个breif请分享链接。

Answer 1

您的src属性指向您的本地驱动器。这是行不通的。您的浏览器显示替代文字，因为它找不到图像。您应该使用图片的网址。例如src="/images/down.png"。