如何创建指向图像的 HTML 链接以强制下载图像?

如何创建指向图像的 HTML 链接以强制下载图像?

我想从图像中创建可下载的 URL。

假设我们有

https://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

当你打开它时,浏览器只会显示网页上的内容,这是应该的。

相反,我希望当您单击该链接时,它会自动下载图像,有什么可以更改以实现这一点吗?

答案1

更新,2023 年 7 月 22 日:是的,在 2023 年,您可以使用download现代浏览器的属性。

只需将download属性添加到标签中即可,如下所示:

<a href="/images/myimage.jpg" download>

并且文件将被下载而不是以内联显示。

以下是较早的答案,以供透明度和参考。


不。

JPEG 图像将始终显示在网络浏览器中。

很抱歉,但网络浏览器从第一天起就被设计为显示某些类型的图像和文件。因此,直接链接到图像的 HTML URL 总是会在页面上显示该图像。

也就是说,如果您正在构建自己的网站并希望下载图像,您可以做的一件事就是对源图像本身进行 GZip 压缩并链接到它。

GZipped 文件是压缩档案,总是会被下载,并且 - 在许多情况下 - 通过 Web 浏览器下载的压缩档案的默认行为是在成功下载后解压缩该文件。

答案2

是的。

使用锚标签的下载属性。

<a href="https://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg" download>download image</a>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download

相关内容