html 'download' 属性打开一个新页面而不是下载
html 'download' attribute opens up a new page instead of downloading
我正在尝试使用以下代码为图像制作下载按钮：
<a href="https://media.npr.org/assets/img/2017/09/14/gettyimages-10141026_slide-67be9fc1bca330b26debade87690b5e84286614d-s800-c85.jpg" class="btn btn-outline-success btn-sm" target="_blank" download>Download</a>
但是，当单击该按钮时，它会重定向到带有图像的页面，而不是下载图像。我已搜索此问题的解决方案 。答案说这可能是因为我使用的是跨域 URL，要解决此问题，我需要将图像托管在与父站点相同的域中。但我不知道答案是什么意思。有人可以帮我解决这个问题吗？感谢您的帮助！
顺便说一下，我使用 Google Chrome 作为浏览器。
根据 caniuse 报告：
Chrome 65 and above only supports same-origin download links.
Firefox only supports same-origin download links
same-origin 意味着如果您使用自己的计算机进行开发并使用 <a href="./pic/[Pic_Name].[Pic_Ext]" class="btn btn-outline-success btn-sm" target="_blank" download>Download</a>
，则必须实际将图像或其他内容下载到本地计算机
如果您使用本地主机进行开发，只需省略 .在 /pic 之前。远程服务器也一样。
此外，如果您使用的是过时版本的浏览器，下载属性将永远不起作用。检查 caniuse.com 更多...
我正在尝试使用以下代码为图像制作下载按钮：
<a href="https://media.npr.org/assets/img/2017/09/14/gettyimages-10141026_slide-67be9fc1bca330b26debade87690b5e84286614d-s800-c85.jpg" class="btn btn-outline-success btn-sm" target="_blank" download>Download</a>
但是，当单击该按钮时，它会重定向到带有图像的页面，而不是下载图像。我已搜索此问题的解决方案
顺便说一下，我使用 Google Chrome 作为浏览器。
根据 caniuse 报告：
Chrome 65 and above only supports same-origin download links.
Firefox only supports same-origin download links
same-origin 意味着如果您使用自己的计算机进行开发并使用 <a href="./pic/[Pic_Name].[Pic_Ext]" class="btn btn-outline-success btn-sm" target="_blank" download>Download</a>
如果您使用本地主机进行开发，只需省略 .在 /pic 之前。远程服务器也一样。
此外，如果您使用的是过时版本的浏览器，下载属性将永远不起作用。检查 caniuse.com 更多...