javascriptもしくはjqueryで画像をダウンロードさせたい

Question

javascript、もしくはjQueryを使って指定のリンクを開くのではなく保存させる方法を教えて下さい。
リンク先は画像を考えています。

Answer 1

単純に画像をダウンロードさせたいのであれば、

<a href="/path/to/file.png" download="file.png">Image Download</a>

という感じでaタグにdownload属性を付与して記述すれば、
ファイルをダウンロードさせることが出来ます。

もし、JavaScript(jQuery)を使用して、ダウンロードさせるのであれば、
下記のような感じでリンクをクリック時にファイルをダウンロードさせることが出来ます。

<a href="#" class="download">ImageDownload</a>
<script>
$(function(){
    $("a.download").on("click", function(e){
        $target = $(e.target);
        $target.attr({
            download: "file.png",
            href:  "/path/to/file.png"
        });
    });
});
</script>

ご参考までに

Answer 2

参考になりそうなページを紹介します。

• javascriptだけで画像をリサイズしてダウンロードさせる http://app-mgng.rhcloud.com/742
• 画像をダウンロードさせたいときはHTML5のdownload属性を付けると便利 http://iwb.jp/html5-download-attribute/
• クリックでHREF画像リンクのダウンロード http://www.freeshow.net.cn/ja/questions/de756980c01b59f93cc9ababdaa9274f7b4fe8c175105e0f13db4ee766485741/

(日本語訳より英語を読んだほうがよいかも。)