如何通过链接打开图片(<a></a>)？

Question

我有一些文本希望可以点击。我希望当我在新窗口中(而不是在新选项卡中(单击某个单词时打开图片。我怎么能那样做？下面的代码不起作用。

<p>Click on the <a href = "./images/TheForm.jpg">"Request Access"</a> button and fill in the form.</p>

Answer 1

<a href="IMAGE_URL" target="_blank">
<img alt='img_path' class='img-40 rounded-circle' src='IMAGE_URL' />
</a>

Answer 2

如果您想在新选项卡中打开链接的目的地，只需在链接中添加一个target="_blank"即可：

<a href = "./images/TheForm.jpg" target="_blank">Request Access</a>

并定义一个onClick方法在窗口中打开它：

<a href="./images/TheForm.jpg"  
onclick="window.open('./images/TheForm.jpg', 
'windowName', 
'width=800, height=600'); 
return false;"
>Request Access</a>

当你指定宽度/高度时，它会在一个新窗口而不是选项卡中打开链接。

这是有关进一步信息的文档。

Answer 3

它用于react：从"导入CardImageOne/Images/card-image-1.jpg’//图片来源//