如何在图像链接中显示图像

本文关键字：图像 显示 显示图 链接 | 更新日期: 2023-09-27 18:29:36

我想创建一个图像链接，但看不到图像这是我的扩展方法：

 public static MvcHtmlString ActionImage(this HtmlHelper htmlHelper,
 string controller,
 string action,
 object routeValues,
 string imagePath,
 string alternateText = "",
 object htmlAttributes = null)
    {
        var anchorBuilder = new TagBuilder("a");
        var url = new UrlHelper(htmlHelper.ViewContext.RequestContext);
        anchorBuilder.MergeAttribute("href", url.Action(action, controller, routeValues));
        var imgBuilder = new TagBuilder("img");
        imgBuilder.MergeAttribute("src", url.Content(imagePath));
        imgBuilder.MergeAttribute("alt", alternateText);
        var attributes = (IDictionary<string, object>)HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
        imgBuilder.MergeAttributes(attributes);
        string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);
        anchorBuilder.InnerHtml = imgHtml;
        return MvcHtmlString.Create(anchorBuilder.ToString());
    }

我在我的观点中使用它：

@foreach (var item in Model)
{
   .
   .
    <div>
        Image:
        @Html.ActionImage("ControllerName", "action", 
        "routeValues", item.ImageAddress.toString())
    </div>
   .
   .
}

ImageAddress是字符串，但不起作用，当我使用这样的特定地址时没有区别

@Html.ActionImage("ControllerName", "action", 
        "routeValues", "C:'1.jpg")

只有当使用这个地址时，它才能正常工作：

"../../Content/Images/1.jpg"

怎么了？谢谢你的帮助，对不起我的英语

如何在图像链接中显示图像

浏览器无法从服务器磁盘读取文件。

您只能通过HTTP引用图像。

试试这个：

@foreach (var item in Model)
{
   .
   .
    <div>
        Image:
        @Html.ActionImage("ControllerName", "action", 
        "routeValues", @Url.Content("~/" + item.ImageAddress.toString()))
    </div>
   .
   .
}

在这个问题中，我没有使用Extension方法，而是使用img标记。

<img src="@Url.Content("~/Content/Images/" + @item.Id + ".jpg")" />

我在Vahid Nasiri的Ebook中创建了它，学习MVC3。http://www.dotnettips.info/

相关文章：