强制浏览器使用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>