如何在不打开新窗口的情况下将图像保存到硬盘

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');
?>