本文摘自 勾三股四 更早时期的 不老歌 博客。

#BlobBuilder.getBlob([contentType]) // 返回目前已放入的所有Blob数据构成的对象
#BlobBuilder.append(text[, contentType]) // 放入文本数据
#BlobBuilder.append(data) // 放入数据(Blob或ArrayBugger)

FileSaver接口

#FileSaver.abort() // 中断保存操作
#FileSaver.readyState // 保存工作的状态(DONE、INIT、WRITING)
#FileSaver.error // 最后一次出错的错误信息
#FileSaver.onwritestart // 写入操作开始时触发
#FileSaver.onwrite // 写入操作成功时触发
#FileSaver.onwriteend // 写入操作完成时触发(不管成功还是失败)
#FileSaver.onprogress // 写入操作过程中触发
#FileSaver.onabort // 写入操作被中断时触发
#FileSaver.onerror // 写入操作失败时触发

FileWriter接口

#FileWriter.position // 当前写入操作所处的位置
#FileWriter.length // 文件长度(或在无权读取文件信息的情况下返回已写入的长度)
#FileWriter.write(blob) // 在position处写入blob数据
#FileWriter.seek(offset) // 设置position属性为offset
#FileWriter.truncate(size) // 在size处截断文件
#FileWriter.abort() // 继承自FileSaver
#FileWriter.readyState // 继承自FileSaver
#FileWriter.error // 继承自FileSaver
#FileWriter.onwritestart // 继承自FileSaver
#FileWriter.onwrite // 继承自FileSaver
#FileWriter.onwriteend // 继承自FileSaver
#FileWriter.onprogress // 继承自FileSaver
#FileWriter.onabort // 继承自FileSaver
#FileWriter.onerror // 继承自FileSaver

代码示例

举例一：创建Blob对象

var blobBuilder = new BlobBuilder(); // 创建BlobBuilder对象
blobBuilder.append("我今天只说三句话；"); // 连续放入文本
blobBuilder.append("包括这一句；");
blobBuilder.append("我的话完了。");
var url = window.URL.createObjectURL(blobBuilder.getBlob()); // 返回Blob对象并以此创建URL
window.open(url); // 通过URL打开这个Blob对象

举例二：使用FileWriter

fileEntry.createWriter(function (fileWriter) {
    fileWriter.write(blobBuilder.getBlob()); // 返回Blob对象并通过fileWriter写入
    fileWriter.onwriteend = function () {...}; // 绑定写入操作完成后的事件
});

这里需要注意的是：
1.在不同的浏览器下，BlobBuilder和window.URL依然存在着不同的前缀，比如webkit下的接口分别为WebKitBlobBuilder和webkitURL；
2.这里出现了一个陌生的对象fileEntry和陌生的方法createWriter，这正是接下来要介绍的一套比较复杂的API：FileSystemAPI的一部分内容。想弄清楚fileWriter具体运行的环境，还得继续学习，不过抛开外部环境的形成过程，fileWriter的用法应该可以体会到了；
3.FileSaver还没有用得到的地方，毕竟标准还没有最终形成，也许他将来某一天，借助其它规范的优势，摇身一变，就用在“另存为对话框”之类的地方了。

以上就是对FileWriterAPI的介绍，紧接着就是FileSystemAPI了，届时HTML5所有文件操作的神秘面纱都会被揭开。

(未完待续)