如何在客戶端程式碼中使用 window.fetch() 下載文件-js教程-PHP中文網

如何在客戶端程式碼中使用 window.fetch() 下載文件

Linda Hamilton

發布： 2024-10-23 07:27:01

原創

714 人瀏覽過

How to Download Files Using window.fetch() in Client-Side Code

使用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中文網其他相關文章！