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

Posted

技术标签:

【中文标题】单击按钮下载图片或显示图片的保存弹出窗口[重复]【英文标题】:downloading a picture or showing save popup for a picture on click on a button [duplicate] 【发布时间】:2013-09-11 12:34:08 【问题描述】:

我在这里进退两难。好吧,我想要一个按钮来下载图片,而不是在浏览器上显示或至少要求保存图片。

我试图在 href 中找到图像 url,但它是在单击图片显示在 rbowser 上的链接时找到的。知道我在做什么错吗? 这是链接代码

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

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

谢谢。

【问题讨论】:

【参考方案1】:

主要有两种方法可以做到这一点:

客户端

<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

【讨论】:

【参考方案2】:

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

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

【讨论】:

以上是关于单击按钮下载图片或显示图片的保存弹出窗口[重复]的主要内容,如果未能解决你的问题,请参考以下文章

android 怎样设置单击一个按钮,不会重复弹出dialog

JSP页面弹出模态窗口

单击按钮时弹出关闭并重定向到不同的页面!

wp点击图片弹出

使用输入销毁确认弹出窗口

wps表格有多个表格时怎样另存为其中单一的一个表格