Image onclick下载图像javascript/jquery

我想在单击下面的示例中提供的图像时保存该图像

单击小图像后，将出现一个带有下载按钮的弹出窗口，按下下载按钮，图像将被下载并准备保存

我只想在javascript/Jquery中做同样的事情。请帮助和建议

---

一如既往地提前感谢大家。

对于屏幕上的每个图像，创建一个隐藏的

div

元素，该元素包含图像的大版本和下载按钮。单击相应的图像时，显示正确的隐藏div对象

工作演示：

---

最好使用ajax（一个独立的PHP页面）来做这类事情，但正如您所说，您不希望这样做。

单独使用javascript下载和保存图像是不可能的，您还需要使用服务器端脚本。从javascript中，您只能启动一个请求，而产生预期结果的是服务器端脚本。因此，为了下载图像，您可以使用javascript启动ajax请求，并且在服务器端脚本中设置一个http头，如下所示，该头将启动浏览器上的下载对话框

内容处置：附件；filename=“image.jpg”

否则，您将从服务器获得二进制响应。同样，您必须使用javascript将其作为文件写入客户端计算机，这是不可能的，因为通过javascript写入文件会违反安全性

---

希望这对您有所帮助

脚本应该下载图像