javascriptを使用してサイトから画像をスクラップする方法は？

Question

javascriptでスクリプトを作成して、サイトの画像をスクラップして自分のコンピュータに保存しようとしています。

スクリプトは、jQueryを使用してイメージを含むイメージタグを分離することができました。だから私はjqueryの選択をしている：

<img src="sourceofimage.com/path/img"> 

私の質問はどのように私は今、自分のコンピュータにこの画像を保存することができますか？

私は検索を試みましたが、私が得たすべての結果は、ダウンロードボタンや他のユーザーがタスクに直面するようなことについてでした。明確にするために、私はこのスクリプトを実行している唯一の人になり、コンソールに貼り付けることで実行されます。

jQueryがイメージを隔離したら、イメージをプログラムでダウンロードしてファイル名を設定する方法が必要です。これは可能ですか？

編集：これはなぜ多くのdownvotesを受けている理由を誰かが親切に説明できますか？

Answer 1

は

fs.writeFile('logo.png', imagedata, 'binary', function(err){ 
     if (err) throw err 
     console.log('File saved.') 

Answer 2

これはアンカーの直接の子である自分のページ上のすべての単一の画像に適用されるfsのライブラリを試していますが、使用できます。

'$('a > img').each(function(){ 
    var $this = $(this); 
    $this.parent('a').attr('href', $this.attr('src')); 
    }); 

しかし、それはどうなります仕事。

ただし、JSを無効にしたユーザーには、空のhrefを持つアンカーが表示されます。基本的にあなたに直接書き込むことはできません行うことができない、Webブラウザ内で

'<img src="folio/1.jpg" class="downloadable" /> 
$('img.downloadable').each(function(){ 
    var $this = $(this); 
$this.wrap('<a href="' + $this.attr('src') + '" download />') 

Answer 3

：次はあなたのコード（クリーナーHTML）を簡素化し、優雅な劣化を追加する追加の利点と同じ最終結果を達成するであろうファイルシステム（ブラウザの拡張機能で可能かもしれませんが、私はこれをしばらく見ていません）。 $(html).find('img');

のようなものを各画像にHTTP要求を生成します - HTMLを解析するHTML

使用のjQueryを取得するために

• 使用します。http：あなたのような何かをやって止めるものは何もありませんノードを使用して

  それらをダウンロードする

• fsを使用してディスクに保存