背景
我正在开发一个基本上可以在客户端生成视频的内部项目，但是由于我知道没有 JavaScript 视频编码器，所以我只是单独导出每个帧。我需要避免上传到服务器；这一切都发生在客户端。
执行
我正在使用这个FileSaver.js（更具体地说，Chrome 的 webkit FileSystem API）来保存由 HTML5 画布生成的大量 PNG。我将 Chrome 设置为自动下载到特定文件夹，所以当我点击“保存”时，它就会起飞并每秒保存 20 张图像。这非常适合我的目的。
如果我可以使用JSZip将所有这些帧压缩成一个文件，然后再提供给客户端进行保存，我会的，但我什至没有尝试过，因为浏览器没有足够的内存来生成 ~8000 个 640x480 PNG 和然后压缩它们。
问题
问题是在一定数量的图像之后，下载的每个文件都是空的。Chrome 甚至开始在下载栏中告诉我该文件为 0 字节。在具有相同导出设置的同一个项目上重复，空保存在完全相同的时间开始。例如，对于一个项目，我可以在它阻塞之前保存前 5494 帧。（我知道这是一个非常大的数字，但我无能为力。）我尝试在保存之间设置 10 毫秒的延迟，但这没有任何效果。我没有尝试过更大的延迟，因为导出需要很长时间。
我检查了 blob.size 并且它永远不会为零。我怀疑它超出了一些配额，但没有抛出错误；它只是默默地无法写入沙箱或将文件复制到用户指定的位置。
问题
如何检测这些空存档？阻止他们？有一个更好的方法吗？我只是被搞砸了吗？
编辑：实际上，在调试 FileSaver.js 之后，我意识到它甚至没有使用 webkitRequestFileSystem；它到达这里时返回：
if (can_use_save_link) {
object_url = get_object_url(blob);
save_link.href = object_url;
save_link.download = name;
if (click(save_link)) {
filesaver.readyState = filesaver.DONE;
dispatch_all();
return;
}
}
因此，看起来它甚至没有使用 FileSystem API，因此我不知道如何在存储空间满之前清空存储空间。
编辑2：我尝试将“if（can_use_save_link）”块移动到“writer.onwriteend”函数内部，并将其更改为：
if (can_use_save_link) {
save_link.href = file.toURL();
save_link.download = name;
click(save_link);
}else{
target_view.location.href = file.toURL();
}
结果是我能够保存所有 8260 个文件（总共约 1.5GB），因为它现在使用具有配额的存储。以前，这些文件没有出现在 HTML5 文件系统中，因为我假设如果锚元素支持“下载”属性，您就不需要将它们放在那里。
我还能够注释掉将“.download”附加到文件名的代码，并且我必须为“file.remove()”的两个实例提供一个空的匿名函数作为参数。