如何在客户端代码中使用 window.fetch() 下载文件-js教程-PHP中文网

如何在客户端代码中使用 window.fetch() 下载文件

Linda Hamilton

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

原创

718 人浏览过

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中文网其他相关文章！