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 属性在大多数浏览器中都不起作用。
目前，使用特定 header 是最好的方法。
这需要在服务器端完成，快速 PHP 示例:

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