blocks|key|1141732|text|第一次尝试的一个问题是，href属性在结束角括号之前缺少一个结束引号。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1141733|@foreach+(var+p+in+Model)
{+++
+++++<a+href=+"@Url.Action("Index","Home")">+++++++++++
++++<img+width="50"+height="50"
++++++++++src=+"@Url.Action("GetImage",+"Sells",+new+{p.ItemID+})"+/>
+++++</a>++++++++++++++++++++++++++++++++++++++++
}|code-block|syntax|javascript|1141734|entityMap^0|C|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

An issue with your first attempt is that the <code>href</code> attribute is missing a closing quotation mark before the ending angle brace.

<pre><code>@foreach (var p in Model)
{ 
 &lt;a href= "@Url.Action("Index","Home")"&gt; 
 &lt;img width="50" height="50"
 src= "@Url.Action("GetImage", "Sells", new {p.ItemID })" /&gt;
 &lt;/a&gt; 
}
</code></pre>

blocks|key|1141741|text|因为img不支持href属性，第二次尝试不起作用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1141742|用正确的语法使用第一种方法--在href值的末尾添加引号(")。|1141743|entityMap^0|2|3|8|4|0|G|4|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

trytwo is not working because <code>img</code> does not support <code>href</code> attribute.

Use your first approach with correct syntax - add quote (") at the end of <code>href</code> value.

blocks|key|1141773|text|我建议您扩展HtmlHelper。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1141774|就像这样：|1141775|public+static+class+HtmlHelperExtensions
{

++++public+static+MvcHtmlString+ActionImageLink(this+HtmlHelper+helper,+string+controller,+string+action,+object+parameters,+object+linkHtmlAttributes,+string+src,+object+imageHtmlAttributes)
++++{
++++++++var+urlHelper+=+new+UrlHelper(helper.ViewContext.RequestContext);
++++++++var+url+=+String.IsNullOrWhiteSpace(controller)+?+action+:+urlHelper.Action(action,+controller,+parameters);

++++++++var+imgTagBuilder+=+new+TagBuilder("img");
++++++++var+imgUrl+=+urlHelper.Content(src);

++++++++imgTagBuilder.MergeAttribute("src",+imgUrl);

++++++++if+(imageHtmlAttributes+!=+null)
++++++++{
++++++++++++var+props+=+imageHtmlAttributes.GetType().GetProperties();
++++++++++++props.ToList().ForEach(prop+=>+{+imgTagBuilder.MergeAttribute(
++++++++++++++++prop.Name,
++++++++++++++++imageHtmlAttributes.GetType().GetProperty(prop.Name).GetValue(imageHtmlAttributes,+null)+as+String);
++++++++++++});
++++++++}

++++++++var+image+=+imgTagBuilder.ToString(TagRenderMode.SelfClosing);

++++++++var+aTagBuilder+=+new+TagBuilder("a");

++++++++aTagBuilder.MergeAttribute("href",+url);

++++++++if+(linkHtmlAttributes+!=+null)
++++++++{
++++++++++++var+props+=+linkHtmlAttributes.GetType().GetProperties();
++++++++++++props.ToList().ForEach(prop+=>
++++++++++++{
++++++++++++++++aTagBuilder.MergeAttribute(
++++++++++++++++++++prop.Name,
++++++++++++++++++++linkHtmlAttributes.GetType().GetProperty(prop.Name).GetValue(linkHtmlAttributes,+null)+as+String);
++++++++++++});
++++++++}

++++++++aTagBuilder.InnerHtml+=+image;

++++++++return+MvcHtmlString.Create(aTagBuilder.ToString());
++++}}|code-block|syntax|javascript|1141776|然后，您可以在cshtml页面中使用它：|1141777|@Html.ActionImageLink("Controller",+"action/url",+null,+null,+Url.Content("image/location"),+null)|1141778|记住要创建对扩展类的引用。|1141779|参考文献：|1141780|扩展HtmlHelpers：http://www.codeproject.com/Tips/720515/Custom-HTML-Helper-for-MVC-Application|1141781|扩展方法：https://msdn.microsoft.com/en-us/library/bb383977.aspx|1141782|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codeproject.com/Tips/720515/Custom-HTML-Helper-for-MVC-Application|1|https://msdn.microsoft.com/en-us/library/bb383977.aspx^0|6|A|0|0|0|0|0|0|0|E|25|0|0|5|1I|1|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1D|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1F|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1G|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|W|3|X|5|6|7|1L|8|@]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|Y|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|15]]|16|$5|11|12|13|E|$14|17]]]]

I would recommend that you extend <code>HtmlHelper</code>.

Something like this:

<pre><code>public static class HtmlHelperExtensions
{

 public static MvcHtmlString ActionImageLink(this HtmlHelper helper, string controller, string action, object parameters, object linkHtmlAttributes, string src, object imageHtmlAttributes)
 {
 var urlHelper = new UrlHelper(helper.ViewContext.RequestContext);
 var url = String.IsNullOrWhiteSpace(controller) ? action : urlHelper.Action(action, controller, parameters);

 var imgTagBuilder = new TagBuilder("img");
 var imgUrl = urlHelper.Content(src);

 imgTagBuilder.MergeAttribute("src", imgUrl);

 if (imageHtmlAttributes != null)
 {
 var props = imageHtmlAttributes.GetType().GetProperties();
 props.ToList().ForEach(prop =&gt; { imgTagBuilder.MergeAttribute(
 prop.Name,
 imageHtmlAttributes.GetType().GetProperty(prop.Name).GetValue(imageHtmlAttributes, null) as String);
 });
 }

 var image = imgTagBuilder.ToString(TagRenderMode.SelfClosing);

 var aTagBuilder = new TagBuilder("a");

 aTagBuilder.MergeAttribute("href", url);

 if (linkHtmlAttributes != null)
 {
 var props = linkHtmlAttributes.GetType().GetProperties();
 props.ToList().ForEach(prop =&gt;
 {
 aTagBuilder.MergeAttribute(
 prop.Name,
 linkHtmlAttributes.GetType().GetProperty(prop.Name).GetValue(linkHtmlAttributes, null) as String);
 });
 }

 aTagBuilder.InnerHtml = image;

 return MvcHtmlString.Create(aTagBuilder.ToString());
 }}
</code></pre>

Then you can use it in your cshtml page:

<pre><code>@Html.ActionImageLink("Controller", "action/url", null, null, Url.Content("image/location"), null)
</code></pre>

remember to create a reference to your extension class.

References:

Extending HtmlHelpers:
<a href="http://www.codeproject.com/Tips/720515/Custom-HTML-Helper-for-MVC-Application" rel="nofollow">http://www.codeproject.com/Tips/720515/Custom-HTML-Helper-for-MVC-Application</a>

Extension Methods:
<a href="https://msdn.microsoft.com/en-us/library/bb383977.aspx" rel="nofollow">https://msdn.microsoft.com/en-us/library/bb383977.aspx</a>

I have a tag and I'm using Razor syntax. Im using the @url.Action html helper to pass a parameter to a method on a controller to retrieve the picture. But I want to have this picture as a link so when the user click the picture it would go to the controller and open a different view. So I tried the both ways show below but it's telling me that it's missing a "}" for "Tryone". And for "Trytwo" its not giving me any errors but it does not show me the picture as a link. Any ideas of the wright way to do this? 

tryone

<pre><code>@foreach (var p in Model)
{ 
 &lt;a href= "@Url.Action("Index","Home")&gt; 
 &lt;img width="50" height="50"
 src= "@Url.Action("GetImage", "Sells", new {p.ItemID })" /&gt;
 &lt;/a&gt; 
}
</code></pre>

trytwo

<pre><code>@foreach (var p in Model)
{ 
 &lt;img href="@Url.Action("Index","Home")" width="50" height="50"
 src= "@Url.Action("GetImage", "Sells", new {p.ItemID })" /&gt; 
}
</code></pre>

Is there a way to have @url.Action on an <img> tag

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个标签，我使用Razor语法。我使用@url.Action html助手向控制器上的方法传递一个参数以检索图片。但是我希望将这张图片作为链接，所以当用户单击图片时，它会转到控制器并打开一个不同的视图。因此，我尝试了下面的两种方式显示，但它告诉我，它缺少一个"}“的"Tryone”。对于"Trytwo“，它没有给我...

问有没有办法让@url.Action在<img>标签上
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法让@url.Action在<img>标签上EN