外部ファイルをjs,またはphp(laravel)でダウンロード(自身のPCに)できる方法があればアドバイスいただきたいです。

Question

外部ファイルをjsでダウンロードできる方法があればアドバイスいただきたいです。

表題の通り、jsで外部ファイルをダウンロードできるような実装をしたいと考えております。

具体的にいうと

「https://~~~」となっている画像外部ファイルを自身のところにダウンロードしたいと考えています。

ちなみにダウンロードというのは自身のPCにダウンロードするという意味です。

試したこと

ここに問題に対して試したことを記載してください。

<a href="https://~~~" download="file.png">Image Download</a>

上記のようにダウンロード属性をつけてやると、ただそのページへ飛んでしまうだけでダウンロードになりません。

他にも
XMLHttpRequest()等を使ったやり方でやっても同様にうまくいきません。

実行環境

https://~~~というのはAWS s3に保存されているパスで、
laravelのテーブルのカラムにそのフルパスが保存されている状態です。

質問内容がわかりづらかったらすみません、
何かあればご指摘お願いします。

Answer 1

• <a>: アンカー要素 - HTML: HyperText Markup Language | MDN

注記にあるよう、「downloadは同一オリジンのURLと、blob:、data:の各スキームでのみ動作します。」

また非同期で入手する方法はCORSで引っかからなければなんとかなります

Comments

[yambejp]

ちゃんとやるならサーバーサイドのプログラムでダウンロード用の
ヘッダーを吐いて画像を出力することです

[sihnk]

回答ありがとうございます！
サーバーサイドで外部ファイルを取得して、フロントでダウンロードするロジックでうまく実現できました。
助かりました。