クライアント側コードで window.fetch() を使用してファイルをダウンロードする方法

window.fetch() を使用したファイルのダウンロード

指定したクライアント側のコード スニペットで、ダウンロードする then ブロックを完了できます。次のようなファイル:

function downloadFile(token, fileId) {
  let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`;
  return fetch(url, {
    method: 'GET',
    headers: {
      'Authorization': token
    }
  }).then(res => res.blob()).then(blob => {
    // Create a URL for the Blob and assign it to the window location
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });
}

このコードは、外部ライブラリを使用する場合と比較して、より効率的でライブラリを必要としないソリューションを提供します。 window.fetch() API を利用して、指定された URL からファイルを取得します。 res.blob() メソッドは、応答をファイル データを表す Blob オブジェクトに変換します。

次に、window.URL.createObjectURL() を使用して Blob の URL を作成し、それをウィンドウに割り当てます。場所のプロパティ。これにより、追加のライブラリや複雑な処理を必要とせずに、ファイルのダウンロード アクションが開始されます。

以上がクライアント側コードで window.fetch() を使用してファイルをダウンロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。