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

Question

我想点击链接开始下载图片。

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

我知道我们可以使用HTML5的下载属性（Force a browser to save file as after clicking link），但我不想使用它，因为它不适用于旧版本的浏览器。 我在这里尝试过这个方法： Download File Using Javascript/jQuery 但它会在iframe中打开图片。

有人可以帮我强迫浏览器使用jquery下载链接图片吗？

Answer 1

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

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

This帖子也可能对您有所帮助。

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>