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

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

行動規範の内容に同意します

回答2件

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

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

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

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

lang
1<a href="#" class="download">ImageDownload</a>
2<script>
3$(function(){
4    $("a.download").on("click", function(e){
5        $target = $(e.target);
6        $target.attr({
7            download: "file.png",
8            href:  "/path/to/file.png"
9        });
10    });
11});
12</script>

ご参考までに

投稿2014/10/30 01:30

退会済みユーザー

総合スコア0

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

javascriptだけで画像をリサイズしてダウンロードさせる http://app-mgng.rhcloud.com/742
画像をダウンロードさせたいときはHTML5のdownload属性を付けると便利 http://iwb.jp/html5-download-attribute/
クリックでHREF画像リンクのダウンロード http://www.freeshow.net.cn/ja/questions/de756980c01b59f93cc9ababdaa9274f7b4fe8c175105e0f13db4ee766485741/
(日本語訳より英語を読んだほうがよいかも。)

投稿2014/10/29 21:40