html - 链接下载图像而不是查看图像

Question

我需要为网站访问者提供下载原始高分辨率图像的链接。如果我只是用 href="image.jpg"链接到图像，浏览器就会显示图像。如何让浏览器下载它？

我正在使用 amazon S3 为这些图像提供服务器...如果这需要在图像上设置特殊的 header ，我相信这是可能的...但有时我也想显示这些图像。任何有关使用 S3 进行这项工作的提示都会很棒。

Answer 1

你是对的。执行此操作需要一些 header 。这些将是:

Content-type: image/png
Content-Disposition: attachment; filename="some_image.png"

我不确定 S3 如何处理这个，但如果你想显示这些图像，Content-Disposition header 应该被排除在外。

编辑: 通过 <img src="some_image.png" alt="" /> 显示图像即使发送了两个 header 也继续工作。该图像在我的测试中显示效果很好。