javascriptでの画像ダウンロード

Question

javascriptで表示中のwebページの画像URLを取得して、
そのURLを元に画像をダウンロードすることは可能ですか？

また、出来ない場合javascriptを使って画像をダウンロードする手段はありますか？

追記
Google chromeの拡張機能としての実装を想定しています。

皆様御解答ありがとうございます。
とりあえず参考にしながらやってみます。

Answer 1

yambejpさんとおっしゃるとおりかと思います。
何年か前に某サイトから画像を抜くためのスクリプトを作ったことがあります。

$('.photos a').each(function(){
  var target = $(this);
  target.attr({
    'href': target.children('img').attr('src'),
    'download': target.parent('li').index()+1 + '.jpg',
  })
});

元々画像にリンクがあるサイトでしたので、href属性を書き換えてdownload属性を追加してます。jqueryを使っていますが、参考になれば幸いです。

Answer 2

HTML5からaタグにdownloadが指定できるようになりましたので
裏でaタグを作成してclickしてやればよいのでは？

Answer 3

Google Chrome の拡張機能であれば、 GitHub に公開されている画像ダウンローダーがあります。例えば…

• vdsabev/image-downloader: A Google Chrome browser extension that displays all images on a web page and allows the user to choose which ones to download.

A Google Chrome browser extension that displays all images on a web page and allows the user to choose which ones to download.

なので、できるできないで言えば、実例があるのでできます。

Answer 4

どのような環境を想定されているのでしょうか。

• ブラウザ外からブラウザをJavaScriptで制御してダウンロードさせる…可能だとは思いますが、具体的な環境がわからないとやりづらいです。
• ブラウザの拡張機能として画像をダウンロードさせる…こちらも可能です。
• ページ内に書いたJavaScriptでそのページ内の画像をダウンロードさせる…環境依存ですが可能なようです
• 別に開いたタブ（第三者のページ）からダウンロードする…同一生成元ポリシーに引っかかるので無理があります。

Comments

[uz3140]

情報の提示が少なくて申し訳ありません。

ブラウザの拡張機能として画像をダウンロードさせることを想定しています。