<a></a>标签链接同源图片却触发下载？轻松解决！

许多开发者在使用<a></a>标签链接同源图片时，会遇到点击链接后直接下载图片，而不是在浏览器中预览的困扰。本文将分析原因并提供解决方案。

问题描述：

当<a></a>标签链接指向同源服务器上的图片时，预期行为是在浏览器中预览图片，但实际结果却是直接下载。例如：

<a href="https://www.php.cn/link/a122eaa3ab6859fc70429f6e6524ee7f">查看图片</a>

问题原因：

这并非同源策略问题，而是可能错误使用了download属性。download属性强制浏览器下载文件，即使是同源图片。例如：

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

<a download="" href="https://www.php.cn/link/a122eaa3ab6859fc70429f6e6524ee7f">查看图片</a>

解决方案：

1. 移除download属性: 如果你的<a></a>标签包含download属性，将其移除即可解决问题。

2. 使用<img src="https://img.php.cn/upload/article/001/246/273/174234793679468.jpg" alt="为什么我的标签链接同源图片时会触发下载而不是预览？ "><ol start="3"> <li> <strong>在新标签页打开:</strong> 如果必须使用<code><a></a>标签，并希望在新标签页打开图片，请使用target="_blank"属性：

<a href="https://www.php.cn/link/a122eaa3ab6859fc70429f6e6524ee7f" target="_blank">查看图片</a>

如果以上方法无效，请检查服务器配置或浏览器设置。 确保你的代码中没有意外添加了download属性。

希望以上信息能够帮助您解决问题！