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

at.*_*at. 3 html image download href amazon-s3

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

我正在使用亚马逊 S3 来服务器这些图像...如果这需要在图像上设置特殊的标头,我确信这是可能的..但我有时也想显示这些图像。任何有关使此功能与 S3 配合使用的提示都会很棒。

jwu*_*ler 5

你是对的。为此需要一些标头。这些将是:

Content-type: image/png
Content-Disposition: attachment; filename="some_image.png"
Run Code Online (Sandbox Code Playgroud)

我不确定 S3 如何处理这个问题,但如果你想显示这些图像,Content-Disposition标题应该被省略。

编辑:即使发送了两个标头,通过显示图像<img src="some_image.png" alt="" />仍然可以继续工作。该图像在我的测试中显示得很好。