单击按钮下载图片或显示图片的保存弹出窗口

Question

我在这里陷入两难境地。好吧，我想要一个按钮来下载图片，而不是在浏览器上显示或至少要求保存图像。

我试图在href中找到图片网址，但是点击图片显示在rbowser上的链接。知道我做错了什么吗？ 这是链接代码

 <a href="images/gallery/1.jpg">  Download This Image</a>  

单击此下载图像会在新浏览器窗口中显示1.jpg。 !!

感谢。

Answer 1

您可以使用download属性，但它是not supported by all browsers

<a href="images/gallery/1.jpg" download="/path/to/image">  Download This Image</a>  

Answer 2

主要有两种方法可以实现这一目标：

客户端

<a href="images/gallery/1.jpg" download="images/gallery/1.jpg">Download This Image</a>

注意：这个won't work cross-browser！

服务器端

发送Content-Disposition标头以强制客户端下载文件。您可能希望使用可选参数来同时允许直接显示图像。 所以你要用

这样的东西

if($_GET['download']){
    header('Content-Disposition: attachment; filename="filename.ext"');
}

假设您使用的是PHP