图片onclick下载图片javascript / jquery

Question

我想点击下面示例中提供的图像时保存图像。

http://www.thrombosisadviser.com/en/resources/image-library/index.php

点击小图片后会出现一个带下载按钮的弹出窗口，按下下载按钮即可下载图片并准备保存。

我想在javascript / Jquery中做同样的事情。请帮助＆amp;建议。

一如既往地感谢大家。

Answer 1

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

内容 - 处置：附件;文件名=＆＃34; image.jpg的＆＃34 ;;

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

希望这有助于你

Answer 2

对于屏幕上的每个图像，创建一个隐藏的div元素，该元素具有较大版本的图像和下载按钮。单击适当的图像时，显示正确的隐藏div对象。

工作演示：http://jsfiddle.net/K3Jkf/2/

最好用ajax（一个独立的PHP页面）做这种事情，但正如你所说，你不想这样做。