URLから画像をダウンロードしたい。

Question

こんにちは。 質問させていただきます。

今、chrome拡張機能で画像urlをスクレイピングしてきてローカルにダウンロードしようとしているのですがうまく行きません。。
jqueryをしようしており、以下のようにしているのですが、容量の小さなデータがダウンロードされるだけです。。

var imageUrl = "http://kokoro-racing.up.seesaa.net/image/GTS-E794BBE8B3AA.jpg"
var fileName = "file1.jpg"
var link = document.createElement( 'a' );
link.download = fileName;
link.href = window.URL.createObjectURL( new Blob( [imageUrl],{ type: "image/png" } ) );
link.click();

ずっとハマっています。。　どなたかご教授いただけると嬉しいです。

jquery -v => 3.3.1

Answer 1

で、どこに画像データの本体を入手するコードがあるのかと?

BlobのコンストラクタにはURL文字列じゃなくてURLから入手した画像データを渡して下さい.

Comments

[coppepan]

回答いただきありがとうございます！
調べてやってみます！

[coppepan]

調べてみたのですが、いまいち上手くできません。 お忙しい中恐縮ですがどのようなコードを書けばいいか教えていただけませんか。。？ よろしくお願いします。

[defghi1977]

fetchでもajaxでも何でも良いと思いますが