如何使用JQuery一键下载浏览器中的图像?

时间:2012-05-16 12:02:54

标签: jquery html

我有一段代码如下:

<div><a href="/images/test-201.gif" class="download">Download</a> </div>

我需要做的是点击下载。它应该像这个图像一样打开一个新窗口。我需要使用htnl或javascript。

4 个答案:

答案 0 :(得分:3)

简而言之:您无法仅使用javascript和html实现此目的。

如果没有服务器端语言(如php),您将无法强制下载文件。服务器需要将图像与正确的响应标头一起发送到客户端

答案 1 :(得分:1)

简短回答:这不可行。 您必须将其POST到后端(服务器)并使用标头Content-disposition: attachment从服务器返回。

此外,这不会作为AJAX响应,因此您必须执行类似

的操作
document.location = 'download_image.php?file=test-201.gif';

使用上面提到的正确标题响应下载。

据我所知,这是唯一通过javascript触发下载的跨浏览器解决方案。

答案 2 :(得分:0)

您可以使用称为下载的属性执行此操作。只需将属性download =“test image”添加到锚标记即可。 “测试图像”可以是您要为图像指定的任何名称。这是语法:

<a href="/images/test-201.gif" class="download" download="test image">Download</a>

答案 3 :(得分:0)

您无法仅使用javascript实现此目的。

如果没有服务器端语言(如php),您将无法执行此操作。服务器需要将图像发送给客户端。