点击新标签页打开图片

Question

在我的应用程序中，我为之前上传的附件创建了一个小预览。所以这里打开它，需要右击预览，需要select在新标签页打开

除了 selecting 之外，当用户单击图像在新选项卡上打开它时，我该如何更改它？

<td>
<img alt="" width="100"  height="100" class="ml-1" src="@Url.Action("RetrieveImage", new { id = item.Id } )"
</td>

我已经试过了，但是在获取图像的 Item pass 中显示错误

<img alt="" width="100"  height="100" class="ml-1" src="@Url.Action("RetrieveImage", new { id = item.Id } , new { @target="_blank"})"

Answer 1

将图像作为嵌套标签添加到 a 并为其赋予 target=_blank 值，如下所示

<a href="@Url.Action("RetrieveImage", new { id = item.Id })" target="_blank">
    <img width="220" height="250" border="0" align="center"  src="@Url.Action("RetrieveImage", new { id = item.Id })"/>
</a>

Answer 2

以上答案是正确的，但我建议添加 rel="noreferrer noopener"。由于仅使用 target="_blank" 存在安全问题。设置 noopener noreferrer 可防止网络钓鱼攻击。查看这篇文章：here


<a href="your-url" target="_blank" rel="noreferrer noopener">

        <img alt="" width="100"  height="100" class="ml-1">
</a>

点击新标签页打开图片

Opening an image on click with new tab

c#

html

asp.net-mvc

asp.net-mvc-4