"保存按钮"用于图像预览

时间:2018-05-03 20:31:09

标签: javascript php jquery css wordpress

我为您描述了一个网站:

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

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

当我用Google搜索时,我发现了一些结果,正如您可以看到here,我做了那个按钮。但它没有正常工作,现在我被卡住了。

你能看看我告诉我哪里出错吗?

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

1 个答案:

答案 0 :(得分: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年春季,对于来源 href s 不再可能。因此,如果您想在imgur.com以外的域上创建<a href="https://i.imgur.com/IskAzqA.jpg" download>,则无法按预期工作。 Chrome deprecations and removals announcement