我想通过单击链接开始下载图像。
<a id="downloadImage" href="imagepath">Click here to download</a>
我知道我们可以使用 HTML5 的下载属性（强制浏览器在单击链接后保存文件）但我不想使用它，因为它不适用于旧版本的浏览器。我确实尝试过这里的方法： 使用 Javascript/jQuery 下载文件 ，但它会在 iframe 中打开图像。
任何人都可以帮助我强制浏览器使用 jquery 下载链接的图像 onclick 吗？
问问题
15752 次
2 回答
7
据我所知，没有针对此问题的客户端跨浏览器解决方案（使用 jQuery 或任何其他 UI 工具包无关紧要）。为了触发浏览器下载文件，您需要做的是在服务器响应中添加一些 HTTP 标头：
Content-Type: application/octet-stream
Content-Disposition: attachment; filename=image.jpg
这篇文章也可能对您有所帮助。
于 2013-10-29T10:36:10.653 回答
5
您可以使用下载属性，虽然不完全支持跨浏览器，但您可以使用 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>
于 2013-10-29T10:46:32.907 回答