用于图像预览的“保存按钮”[关闭]

Question

我有一个网站，正如我为你描述的那样：

当用户打开页面并单击帖子标题下的缩略图时，会显示该图像的预览。

我想在预览的任何角落放一个小图标来保存图像。这样用户可以通过点击保存按钮来保存图像。

当我用 Google 搜索时，我发现了一些结果，正如你所看到的 here，我制作了那个按钮。但它无法正常工作，现在我被卡住了。

你能看看并告诉我哪里出错了吗？

http://magezz.com/games/god-of-war-2018-cheats-walkthrough-hints/

Answer 1

使用 HTML5，您可以将“下载”属性添加到您的链接中。

<a href="/path/to/image.png" download>Save Image</a>

兼容的浏览器将提示下载具有相同文件名的图像（在本例中为 image.png）。

如果您为此属性指定一个值，那么它将成为新的文件名：

<a href="/path/to/image.png" download="AwesomeImage.png">Save Image</a>

更新：自 2018 年春季起，对于跨域 hrefs 不再可能。因此，如果您想在 imgur.com 以外的域上创建 <a href="https://i.imgur.com/IskAzqA.jpg" download>，它将无法按预期工作。 Chrome deprecations and removals announcement