带有 HTML 的图片下载按钮不起作用答案

【问题标题】：Picture Download Button with HTML not working带有 HTML 的图片下载按钮不起作用
【发布时间】：2020-01-07 18:29:52
【问题描述】：

我仍在解决一个问题，以获取可以下载这样一张图片的 html 下载按钮：

https://instagram.fhrk1-1.fna.fbcdn.net/v/t51.2885-19/59381178_2348911458724961_5863612957363011584_n.jpg?_nc_ht=instagram.fhrk1-1.fna.fbcdn.net&_nc_ohc=tBa1BvKa4J8AX_ood-9&oh=f1a9a51e56f995f41cb7c3175e83cd53&oe=5E8E1D25

我已经尝试过像这样的普通 w3 html 按钮：

<!DOCTYPE html>
<html>
<body>

<p>Click on the w3schools logo to download the image:<p>

<a href="https://instagram.fhrk1-1.fna.fbcdn.net/v/t51.2885-19/59381178_2348911458724961_5863612957363011584_n.jpg?_nc_ht=instagram.fhrk1-1.fna.fbcdn.net&_nc_ohc=tBa1BvKa4J8AX_ood-9&oh=f1a9a51e56f995f41cb7c3175e83cd53&oe=5E8E1D25" download>
  <img src="https://instagram.fhrk1-1.fna.fbcdn.net/v/t51.2885-19/59381178_2348911458724961_5863612957363011584_n.jpg?_nc_ht=instagram.fhrk1-1.fna.fbcdn.net&_nc_ohc=tBa1BvKa4J8AX_ood-9&oh=f1a9a51e56f995f41cb7c3175e83cd53&oe=5E8E1D25" alt="W3Schools" width="104" height="142">
</a>

<p><b>Note:</b> The download attribute is not supported in Edge version 12, IE, Safari 10 (and earlier), or Opera version 12 (and earlier).</p>


</body>
</html>

在我的情况下它不起作用。我认为那只是下载本地保存的东西的一种方式。我不想将其保存在本地以供用户下载。

谢谢

【问题讨论】：

这能回答你的问题吗？ href image link download on click

标签： javascript php html css button

【解决方案1】：

您应该在下载属性中设置图像路径。像这样：

<a href="image.png" download="image.png">
   <img src="image.png" alt="W3Schools" width="104" height="142">
</a>

【讨论】：