javascript - 如何使用 Java 脚本中的文件保护程序将视频文件从 blob 保存到本地硬盘？

Question

我已经编写了从 GoogleCloud 存储下载视频的代码

var btn = document.getElementById("btn");
btn.onclick = function(){ 
    var url = "https://www.googleapis.com/download/storage/v1/b/test/xyzzzzz.mp4";
    var filename = url.substring(url.lastIndexOf("/") + 1).split("?")[0];
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://www.googleapis.com/download/storage/v1/b/test/xyzzzzz.mp4', true);
    xhr.responseType = 'blob';
}

如何获取blob对象？然后如何使用文件保护程序保存到本地硬盘？我应该将什么传递给文件保护程序 Saveas() 方法。我浏览了 File API 文档，但无法正常工作。有什么建议吗？

Answer 1

xhr.response 保存回调返回给 Google Storage 的值，所以这就是您要传入的值。Filesaver saveas(xhr.response, filename)

您没有询问跨浏览器兼容性，但您应该知道并非所有浏览器都支持 blob。您可能想要构建一个 blob 而不是将 blob 设置为响应类型，如下所示:

xhr.responseType = "arraybuffer"
blob = new Blob([xhr.response], {type: "video/mp4"});