1

ファイルにテキストを追加しようとしています。

プラグインの github ページで提案されているように、 Html5rocksのチュートリアルに従いました。

ファイルの作成と書き込みに成功しました。しかし、テキストを追加しようとすると、書き込み成功イベントが発生しましたが、テキストは追加されません。文字を変更することしかできませんが、最後に文字を追加することはできません。これは非同期の問題ではありません。Chrome の js コンソールでライブ テストも試みています。fileWriter.seek(fileWriter.length)最後に書き込もうとする前にも使用しています。(しかし、先頭を書くために seek(0) )

私が書いたモジュールがあります:

'use strict';

function File_mgmt(name) {
    var name = name;

    var myfile = '';

    var next_write = '';

    var that = this;

    var errorHandler = function (e) {

        var msg = '';

        switch (e.code) {
            case FileError.QUOTA_EXCEEDED_ERR:
              msg = 'QUOTA_EXCEEDED_ERR';
              break;
            case FileError.NOT_FOUND_ERR:
              msg = 'NOT_FOUND_ERR';
              break;
            case FileError.SECURITY_ERR:
              msg = 'SECURITY_ERR';
              break;
            case FileError.INVALID_MODIFICATION_ERR:
              msg = 'INVALID_MODIFICATION_ERR';
              break;
            case FileError.INVALID_STATE_ERR:
              msg = 'INVALID_STATE_ERR';
              break;
            default:
              msg = 'Unknown Error';
              break;
        };

        console.log('Error: ' + msg);
    };


    var init = function() {
        console.log("init");
        request(gotFS);
    };

    var gotFS = function() {
        console.log("gotfs");
        window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function(dir) { 
            dir.getFile(name, {create:true}, function(file) {
                myfile = file;
            }, errorHandler);
        });
    };

    this.write = function (data) {
        myfile.createWriter(function(fileWriter) {

            fileWriter.onwriteend = function(e) {
              console.log('Write completed.');
            };

            fileWriter.onerror = function(e) {
              console.log('Write failed: ' + e.toString());
            };

            // Create a new Blob and write it to log.txt.
            fileWriter.seek(fileWriter.length);

            fileWriter.write(data);

        }, errorHandler);


    };

    this.reopen = function() {
        window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function(dir) { 

            dir.getFile(name, {create:false}, function(file) {
                myfile = file;
            }, errorHandler);
        });

    };

    this.getfile = function() {
        return myfile;
    };

    this.writeTextBlob = function(data) {
        this.write(new Blob([data], {type: 'text/plain'}));
    };

    var request = function(success){
        var fail = function() {console.log("failed to initialise system")};
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 1024*1024, success, fail);
    };  

    var writer = function() {

        myfile.createWriter(function(fileWriter) {

            fileWriter.onwriteend = function(e) {
              console.log('Write completed.');
            };

            fileWriter.onerror = function(e) {
              console.log('Write failed: ' + e.toString());
            };

            // Create a new Blob and write it to log.txt.
            fileWriter.seek(fileWriter.length);

            fileWriter.write(next_write);

        }, errorHandler);
    };

    this.testWrite = function(data) {
        next_write = data;
        request(writer);

    };


    init();


    return this;

}

クロムコンソールで使用しています

var f = new File_mgmt("test");
f.writeTextBlob("test1");
f.writeTextBlob("test2");

編集

を渡しwindow.requestFileSystem()て追加しようとしましたが、それでも機能しません。コードも更新しました。

今、私はやっています

var f = new File_mgmt("test");
f.testWrite("test1");
f.testWrite("test2");
4

1 に答える 1