jqueryで画像をダウンロードしたい

何回やっても誰に聞いても解決できないので質問させてください。。
google拡張機能を使ってサイトの画像をダウンロードしようとしています。 jquery(version: 3.3.1)を使用しています。

js
1    var link = document.createElement( 'a' );
2    var imageUrl = "http://kokoro-racing.up.seesaa.net/image/GTS-E794BBE8B3AA.jpg";
3    link.href = imageUrl;
4    link.download = "file.png";
5    link.click();

でできると言われていますがリンク先に遷移してしまうだけでダウンロードできません。
このやり方でなくてもいいのですが、chrome拡張機能を使ってjqueryでファイルのurlからローカルに画像を保存する方法をご存知の方がいたら教えてくださいませんか？？
そもそもこれって無理なんでしょうか。。

Lhankor_Mhy

2018/03/31 06:47

当方の環境で試してみましたが、動作するようでした。環境の問題かもしれませんね。

coppepan

2018/03/31 06:54

回答していただき本当にありがとうございます！アップしたコードを間違っていたので再度みていただけると大変助かります。よろしくお願いいたします。

Lhankor_Mhy

2018/03/31 07:00

download属性は同一ドメイン上でないと、有効にならなかったはずです。そのあたりの問題では？

defghi1977

2018/03/31 07:19

おそらくクロスドメインでの画像ファイルのダウンロードとなるとCORSの問題で一般的なやり方だけでは不可能. 拡張機能に特化した仕組みが必要.

defghi1977

2018/03/31 07:25 編集

なので、「Chrome Extensionをつかったクロスドメインでの画像のダウンロード」を目的としているのであれば、その旨を題名とタグに反映させて下さい. ーーー ???自分でも何を言っているのかわからなくなってきた

defghi1977

2018/03/31 07:24

ああああ、なんかスゲー勘違いしている気がしてきた. 上の投稿ちょっと削除するね

coppepan

2018/03/31 08:26

お二方、ご回答ありがとうございました。私の勉強不足ですね。。　他のやり方を検討してみます。

defghi1977

2018/03/31 08:30

こちらもすみませんでした. 「こんなの簡単じゃん？」と高をくくってたら、実際に試してみると割と根深い問題が出てきて「できねー」となるとは. やたら混乱させてしまった気がします.

coppepan

2018/03/31 09:51

いえいえ、一人で悩んでいたので素早いアドヴァイス非常に助かりました！ありがとうございました。

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

回答1件

NOTE:これは完璧な回答ではありません.ご了承下さい.

汎用的なダウンロード手法はこう.

JavaScript
1(async function(){
2	const res = await fetch("img.jpg"
3		, {mode: 'no-cors'});
4	const file = await res.blob();
5	const link = document.createElement("a");
6	link.download = "a.jpg";
7	link.href = URL.createObjectURL(file);
8	link.click();
9})();