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

Posted 2023-03-27

【中文标题】如何在 @Html.ActionLink 中添加图像

【英文标题】：How do I add an image in @Html.ActionLink

【发布时间】：2014-04-10 10:10:59

【问题描述】：

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

我的代码是：

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

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

【问题讨论】：

How to make a actionlink as Image in Asp.Net MVC4 Razpr View?的可能重复

【参考方案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>

【讨论】：

这是正确的，除了转义标签。 MVC 4 使用@ 金块。

【参考方案4】：

在 Razor 上使用 @Url.Action：

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