javascript - 使用 HTML5 FileWriter 覆盖文件

Question

我正在使用 HTML5 FileWriter API保存我的网络应用程序的状态。我有一些 JS 会定期调用 FileWriter.write 来执行此操作(因此，随着时间的推移，会多次调用 write 方法)。默认情况下，FileWriter API 使用“附加”方法来编写不适合我需要的文件，因为我不想覆盖文件内容。

我首先尝试了这个:

this._writer.seek(0);
this._writer.write(content);

当您编写的文本比文件内容短时，这将不起作用。然后我尝试了这个:

this._writer.truncate(0);
this._writer.write(content);

这段代码应该清除文件然后写入我的新内容但是当调用 write 方法时我收到以下错误:

Uncaught InvalidStateError: An operation that depends on state cached in an interface object was made but the state had changed since it was read from disk.

奇怪的是:当我调试代码(带断点)时，错误没有发生，好像 FileWriter.truncate 是一个异步方法......

我被困在这里，有什么想法吗？

我使用的是 Chrome 30.0.1599.69

Answer 1

这是一个不会浪费 500 毫秒等待的正确代码

fileWriter.onwriteend = function() {
    if (fileWriter.length === 0) {
        //fileWriter has been reset, write file
        fileWriter.write(blob);
    } else {
        //file has been overwritten with blob
        //use callback or resolve promise
    }
};
fileWriter.truncate(0);