перезаписать файл с помощью HTML5 FileWriter

Я использую HTML5 FileWriter API чтобы сохранить состояние моего webapp. У меня есть бит 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

13
chromium fileapi html5 javascript

5 ответов

вот правильный код, который не будет тратить 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);
21

вы можете усечь, а затем написать с двумя разными FileWriter объекты.

fileEntry.createWriter(function (fileWriter) {

        fileWriter.truncate(0);

    }, errorHandler);

fileEntry.createWriter(function (fileWriter) {

        var blob = new Blob(["New text"], { type: 'text/plain' });

        fileWriter.write(blob);

    }, errorHandler);
3

Если вы хотите всегда переопределять его, вы можете использовать этот метод

function save(path,data){
    window.resolveLocalFileSystemURL(dataDirectory, function(dir){
        dir.getFile(path, {create:true}, function(file){
            file.createWriter(function(fileWriter){
                fileWriter.seek(0);
                fileWriter.truncate(0);
                var blob = new Blob([data], {type:'text/plain'});
                fileWriter.write(blob);
            }, function(e){
                console.log(e);
            });
        });
    });
};
2

обходным путем является следующий код:

this._writer.truncate(0);
window.setTimeout(function(){
    this._writer.write(content);
}.bind(this),500)

это просто подождите 500 миллисекунд перед записью. Не очень, но работает...

1

Это самый простой способ, как я использую для удаления содержимого файла с syncFileSystem в моем приложении Chrome.

два createWriter, первый усекает, а второй ничего не перезаписывает (вы можете изменить свое новое значение):

file.createWriter((fileWriter)=>fileWriter.truncate(0));

file.createWriter((fileWriter)=> {

  fileWriter.onwriteend = function() {
    console.log('New Actions!');
  };

  var blob = new Blob([''], {type: 'text/plain'});
  fileWriter.write(blob);

});
1