在 ASP.NET MVC 2 中呈现 HTML img 标签的正确语法是什么？

Question

<img alt="Upload Profile Pic" src="<%= ViewData["PicSource"].ToString() %>" />

更新： 另外，当我们编写此语法时，Visual Studio 用红色卷线强调了 html 代码的几个元素，就像我们遇到一些语法错误时一样，并且看起来我们编写的语法不会工作并且是错误的，但实际上当我构建它时，它工作了。

它还拒绝自动格式化 html 代码。这对我来说是一个足够充分的理由来问这个问题，因为尽管我知道这种语法会起作用，但每次我这样写时，我还是觉得我做错了什么。

Answer 1

是的，你可以这样写。

然而，它通常被称为“意大利面条代码”，最佳实践是使用辅助方法。

public static class ImageHelper
{
    public static MvcHtmlString Image(this HtmlHelper html, string sourcePath, object htmlAttributes)
    {
        return html.Image(sourcePath, new RouteValueDictionary(htmlAttributes));
    }
    public static MvcHtmlString Image(this HtmlHelper html, string sourcePath, IDictionary<string,object> htnlAttributes)
    {
        if(string.IsNullOrEmpty(sourcePath))
        {
            throw new ArgumentException("Image source path cannot be null or empty.", "sourcePath");
        }
        TagBuilder tagBuilder = new TagBuilder("img");
        tagBuilder.MergeAttributes<string,object>(htnlAttributes);
        tagBuilder.MergeAttribute("src", sourcePath, true);
        return MvcHtmlString.Create(tagBuilder.ToString(TagRenderMode.SelfClosing));
    }
}

然后，你使用的看起来像

        Html.Image(ViewData["PicSource"] as string, new {alt = "Upload Profile Pic"});