html - 如何将图像保存到硬盘而不在新窗口中打开

Question

我有一个指向图像的链接。

 <a href="/images/foo.png">
     <img src="/images/thumbnails/foo.png" width="27" height="25" align="absmiddle"/>
 </a>

如何强制浏览器保存图像（例如右键单击链接并选择“另存为”时会发生什么）而不是在当前窗口/选项卡中打开图像？

Answer 1

使用HTML标记，download属性是唯一的方法：

<a href="http://www.example.net/picture.png" download="File_Name.png">Download</a>

不幸的是，该download属性在大多数浏览器中都不起作用。
目前，使用特定的标头是最好的方法。
这需要在服务器端完成，快速PHP示例：

<?php
header('Content-type: application/pdf');
header('Content-Disposition: attachment; filename="downloaded.pdf"');
readfile('original.pdf');
?>