HTML5 dounload属性 外部読み込み画像がダウンロードできない

Question

HTML5のdounload属性で画像をクリックした際にダウンロードする方法ですが
外部サイトから読み込んだ画像がダウンロードできずに画面遷移して画像が表示されてしまいます。

【ダウンロードできるコード（サイト内に画像）】
<a href="IMG_1937-300x225.jpg" download="クワガタ画像.jpg"><img src="IMG_1937-300x225.jpg" alt="クワガタ画像" /></a>

【ダウンロードできないコード（外部サイトから画像読み込み】
<a href="http://kabukuwa.club/wp-content/uploads/IMG_1937-300x225.jpg" download><img src="http://kabukuwa.club/wp-content/uploads/IMG_1937-300x225.jpg" alt="クワガタ画像" /></a>

外部サイトから読み込んで表示している画像をダウンロードする方法はあるのでしょうか

ご教示いただけますでしょうか

よろしくお願いいたします。
※画像は自分のサイトのものです。

Answer 1

このサイトによると、

Firefoxはセキリュティの観点から同一ドメインのファイルダウンロードしかできない。 ファイルは必ず同じサーバあるいはドメイン名からでないといけない、そうしないとファイルはブラウザで開く

Comments

[efu_akio]

ありがとうございます。セキュリティーの問題なんですね。他に方法がないか検討してみます。