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