图片onclick下载图片javascript / jquery

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

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

点击小图片后会出现一个带有下载按钮的弹出窗口,通过按下载按钮,图像将被下载并准备保存。

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

一如既往地感谢大家。

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

内容 – 处理:附件; 文件名= “image.jpg的”;

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

希望这对你有所帮助

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

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

最好用ajax(一个独立的PHP页面)做这种类型的事情,但正如你所说,你不想那样做。