我生成正常的链接,如:<a href="/path/to/image"><img src="/path/to/image" /></a>在web应用程序。
当我点击链接时,它会在一个新页面中显示图片。如果你想保存图片,你需要右键点击它,选择“另存为”
我不希望这种行为,我想有一个下载框弹出时,我点击链接,这是可能的只是与html或javascript?如何?
如果没有,我想我将不得不写一个下载。php脚本,并调用它到href与文件名作为参数…?
我生成正常的链接,如:<a href="/path/to/image"><img src="/path/to/image" /></a>在web应用程序。
当我点击链接时,它会在一个新页面中显示图片。如果你想保存图片,你需要右键点击它,选择“另存为”
我不希望这种行为,我想有一个下载框弹出时,我点击链接,这是可能的只是与html或javascript?如何?
如果没有,我想我将不得不写一个下载。php脚本,并调用它到href与文件名作为参数…?
当前回答
为图像或html创建下载链接的最简单的方法是设置下载属性,但此解决方案只适用于现代浏览器。
<a href="/path/to/image" download="myimage"><img src="/path/to/image" /></a>
“myimage”是要下载的文件名称。扩展将自动添加 例子
其他回答
属性指定当用户单击超链接时将下载目标。
该属性仅在设置href属性时使用。
该属性的值将是下载文件的名称。对于允许的值没有限制,浏览器将自动检测正确的文件扩展名并将其添加到文件(。Img, .pdf, .txt, .html等)。
示例代码:
<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg"> Download Image >></a>
HTML5:
<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download> Download Image >></a>
输出:
下载镜像>>
Html5下载或chrome浏览器
下载镜像>>
如果你使用HTML5,你可以添加属性“下载”到你的链接。
<a href="/test.pdf" download>
http://www.w3schools.com/tags/att_a_download.asp
试试这个…
<a href="/path/to/image" download>
<img src="/path/to/image" />
</a>
图片下载使用图片点击!
我做了这个简单的代码!:)
<html>
<head>
<title> Download-Button </title>
</head>
<body>
<p> Click the image ! You can download! </p>
<a download="logo.png" href="http://localhost/folder/img/logo.png" title="Logo title">
<img alt="logo" src="http://localhost/folder/img/logo.png">
</a>
</body>
</html>
<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
<img alt="ImageName" src="/path/to/image">
</a>
caniuse还不完全支持,但可以使用modernizr(在非核心检测下)来检查浏览器的支持。