search
LoginSignup
0

More than 1 year has passed since last update.

Organization

jsで外部サイトのファイルをダウンロードする

ファイルをダウンロードさせたい

aタグのdownload属性を指定するとページ移動ではなくファイル保存させることができますが

同一originでしか動作しません。

代替手段

fetchでファイルを取得後に「FileSaver」のsaveAsで保存させることで実現することができます
https://github.com/eligrey/FileSaver.js/

const videoDownload = async (url: string) => {
  const data = await fetch(url);
  const blob = await data.blob();
  saveAs(blob);
};
<a onClick="videoDownload('http://[ダウンロードさせたいファイルのURL]')"></a>

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
0