如何将 Blob 写入本地文件？ [复制]

Question

我读过好文章 http://www.html5rocks.com/en/tutorials/file/xhr2/

它使用HTML5 FileSystem API和FileWriter来实现将Blob写入本地文件。

但是，我的浏览器 Safari（当前为 7.0.5）不支持 requestFileSystem 和 FileWriter。 （我用 Chrome 测试过。它也不支持。）

我也在网上搜索过，但似乎没有“正式答案”之类的东西。

另一个问题是为什么将本地文件读取到浏览器很简单（使用FileReader），但写入本地文件似乎不是对称的，尤其是在新的 html5 标准中。

Answer 1

在 webkit（Chrome 和 Safari）中，您实际上可以通过供应商前缀使用 FileSystem api：

window.webkitRequestFileSystem

而且FileWriter 无论如何也不会直接暴露给 JavaScript。

对于不支持的浏览器（很多）：https://github.com/eligrey/FileSaver.js 会有所帮助。

---

您是否考虑过以老式方式强制下载（更多兼容性）？将 Blob 读取为数据 URI，然后将 URI 的内容类型更改为强制下载的值。缺点：不指定文件名，繁琐。

var reader = new FileReader;
reader.onload = function() {
    window.open(this.result.replace(/data:.+?\/[^;]+/, "data:application/octet-stream"));
};
reader.readAsDataURL(my_blob);