强制浏览器在使用 jquery 单击链接时下载图像

Force browser to download an image on click of a link using jquery

本文关键字：链接 单击 下载 图像 jquery 浏览器      更新时间：2023-09-26

我想在单击链接时开始下载图像。

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

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

任何人都可以帮助我强制浏览器使用 jquery 单击链接时下载图像吗？

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

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

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

您可以使用 download 属性，虽然在浏览器中不完全支持，但您可以使用现代化，以支持/回退不受支持的浏览器。

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

<a href="/path/to/image.jpg" title="ImageName" download="ImageName" >
    <img src="/path/to/image.jpg" alt="ImageName">
</a>
相关文章：