强制浏览器使用jquery点击链接下载图像

Question

我想点击一个链接开始下载图像。

<a id="downloadImage" href="imagepath">Click here to download</a>

我知道我们可以使用HTML5的下载属性（ 强制浏览器在点击链接后保存文件 ）但我不想使用它，因为它不适用于旧版本的浏览器。 我在这里尝试了这个方法： 使用Javascript / jQuery下载文件，但它会在iframe中打开图像。

任何人都可以帮我强迫浏览器使用jquery下载链接图像吗？

Answer 1

据我所知，没有针对此问题的客户端跨浏览器解决方案（使用jQuery或任何其他UI工具包无关紧要）。 要触发浏览器下载文件，您需要做的是向服务器响应添加一些HTTP标头：

Content-Type: application/octet-stream
Content-Disposition: attachment; filename=image.jpg

这篇文章也可能对你有所帮助。

Answer 2

您可以使用下载属性，虽然浏览器不完全支持，但您可以使用modernizr支持/回退不支持的浏览器。

对于支持的浏览器，请查看http://caniuse.com/#feat=download

<a href="/path/to/image.jpg" title="ImageName" download="ImageName" >
    <img src="/path/to/image.jpg" alt="ImageName">
</a>