StreamSaver是保存非常大的文件的替代方案，而不必将所有数据保存在内存中。事实上，它模拟了服务器保存文件时的所有剂量，但所有客户端都使用service worker。

你可以获取写入器并手动写入Uint8Array的Uint8Array，或者将二进制readableStream管道到可写流

下面有几个例子:

如何将多个文件保存为zip文件 管道readableStream从响应或blob.stream()到StreamSaver 在输入内容时手动写入可写流 或者重新录制视频/音频

下面是一个最简单的例子:

const fileStream = streamSaver.createWriteStream('filename.txt')

new Response('StreamSaver is awesome').body
  .pipeTo(fileStream)
  .then(success, error)

如果你想保存一个blob，你只需要把它转换成一个readableStream

new Response(blob).body.pipeTo(...) // response hack
blob.stream().pipeTo(...) // feature reference

你不能单纯地在Javascript中做到这一点。由于安全原因，Javascript在浏览器上运行还没有足够的权限(已经提出了建议)。

相反，我建议使用downadify:

一个微小的javascript + Flash库，可以创建和下载文本文件，无需服务器交互。

您可以在这里看到一个简单的演示，其中提供内容并测试保存/取消/错误处理功能。

对于最新的浏览器，如Chrome，你可以使用本教程中的文件API:

window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.PERSISTENT, 5*1024*1024 /*5MB*/, saveFile, errorHandler);

function SaveBlobAs(blob, file_name) {
    if (typeof navigator.msSaveBlob == "function")
        return navigator.msSaveBlob(blob, file_name);

    var saver = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
    var blobURL = saver.href = URL.createObjectURL(blob), 
        body = document.body;

    saver.download = file_name;

    body.appendChild(saver);
    saver.dispatchEvent(new MouseEvent("click"));
    body.removeChild(saver);
    URL.revokeObjectURL(blobURL);
}

在控制台中尝试了这一点，并且它可以工作。

var aFileParts = ['<a id="a"><b id="b">hey!</b></a>'];
var oMyBlob = new Blob(aFileParts, {type : 'text/html'}); // the blob
window.open(URL.createObjectURL(oMyBlob));

这个项目在github上看起来很有前途:

https://github.com/eligrey/FileSaver.js

中的FileSaver.js实现了W3C saveAs() FileSaver接口 本机不支持的浏览器。

也可以看看这里的演示:

http://eligrey.com/demos/FileSaver.js/