如何在 @Html.ActionLink 中添加图像

【问题标题】：How do I add an image in @Html.ActionLink如何在 @Html.ActionLink 中添加图像
【发布时间】：2014-04-10 10:10:59
【问题描述】：

我需要知道如何在@Html.ActionLink中添加图片

我的代码是：

@Html.ActionLink("IMAGE","Index","Home");

如何将 IMAGE 替换为我的图片所在的 URL。

【问题讨论】：

【解决方案1】：

改用@Url.Action：

<a href='@Url.Action("Index", "Home")'>
   <img src="IMAGE PATH HERE" />
</a>

【讨论】：

【解决方案2】：

您有 2 个选项之一

<a href="@Url.Action("Index", "Home")" >
    <img src="IMAGE" />
</a>

或者添加一个类并使用该类来定义图像

@Html.Action("Text", "Index", "Home", new {Class = "image-link"});

【讨论】：

【解决方案3】：

使用这个

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>

【讨论】：

【解决方案4】：

在 Razor 上使用 @Url.Action：

 <img src="@Url.Action("ActionName", "ControlName", new { Model.ImageId })" />

【讨论】：