如何读取通过 cordova 文件插件写入的对象？

Question

我在 android 平台的 Cordova documentation 上阅读了一段代码，并尝试使用它在文本文件上编写 JS 对象。该对象已成功写入，但是当我使用 FileReader API 读取它时，我无法按预期获得输出。

function writeFile(fileEntry, dataObj, isAppend) {
    // Create a FileWriter object for our FileEntry (log.txt).
    fileEntry.createWriter(function (fileWriter) {

        fileWriter.onwriteend = function() {
            console.log("Successful file read...");
            readFile(fileEntry);
        };

        fileWriter.onerror = function (e) {
            console.log("Failed file read: " + e.toString());
        };

        // If we are appending data to file, go to the end of the file.
        if (isAppend) {
            try {
                fileWriter.seek(fileWriter.length);
            }
            catch (e) {
                console.log("file doesn't exist!");
            }
        }
        fileWriter.write(dataObj);
    });
}

function readFile(fileEntry) {

    fileEntry.file(function (file) {
        var reader = new FileReader();

        reader.onloadend = function() {
            console.log("Successful file read: " + this.result);

            //displayFileData(fileEntry.fullPath + ": " + this.result);
        };
        reader.onload = function(){
            k=reader.readAsText(file);

        };
       reader.readAsText(file);

    },onErrorLoadFs );
}

我要阅读的对象格式：

function sub(name,absent,present){
    this.name=name;
    this.absent=absent;
    this.present=present;

}

var S = new sub('Physics',1,3);
var k= new sub();

我到底想做什么：

我正在文件上写一个对象S，打开时显示如下

{"name":"Physics","absent":1, "present" : 3}

现在读取文件后（在我的例子中是 filetoAppend.txt）我想将这些值分配给另一个对象 k 这样当我运行 k.name , Physics 显示为输出。

控制台输出

k
"{"name":"Physics","absent":1,"present":3}"
k.name
undefined

Answer 1

使用 Cordova 文件插件，需要记住两条基本信息：

1.Like 所有 Cordova 插件，您必须等待 deviceready 事件才能尝试，

2.Then，使用window.resolveLocalFileSystemURL(<path>, <successHandler>, <errorHandler>)

window.resolveLocalFileSystemURL() returns 一个 FileEntry 或 DirectoryEntry 实例（取决于您是否将文件或目录作为路径作为其第一个参数），您可以然后一起工作。

写入文件

document.addEventListener('deviceready', onDeviceReady, false);  
function onDeviceReady() {  
    function writeToFile(fileName, data) {
        data = JSON.stringify(data, null, '\t');
        window.resolveLocalFileSystemURL(cordova.file.dataDirectory, function (directoryEntry) {
            directoryEntry.getFile(fileName, { create: true }, function (fileEntry) {
                fileEntry.createWriter(function (fileWriter) {
                    fileWriter.onwriteend = function (e) {
                        // for real-world usage, you might consider passing a success callback
                        console.log('Write of file "' + fileName + '"" completed.');
                    };

                    fileWriter.onerror = function (e) {
                        // you could hook this up with our global error handler, or pass in an error callback
                        console.log('Write failed: ' + e.toString());
                    };

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

    writeToFile('example.json', { foo: 'bar' });
}

正在从文件写入

document.addEventListener('deviceready', onDeviceReady, false);  
function onDeviceReady() {  
    function readFromFile(fileName, cb) {
        var pathToFile = cordova.file.dataDirectory + fileName;
        window.resolveLocalFileSystemURL(pathToFile, function (fileEntry) {
            fileEntry.file(function (file) {
                var reader = new FileReader();

                reader.onloadend = function (e) {
                    cb(JSON.parse(this.result));
                };

                reader.readAsText(file);
            }, errorHandler.bind(null, fileName));
        }, errorHandler.bind(null, fileName));
    }

    var fileData;
    readFromFile('data.json', function (data) {
        fileData = data;
    });
}

cb是调用该函数时需要传入的回调函数

完整参考使用：https://www.neontribe.co.uk/cordova-file-plugin-examples/

根据您更新的问题更新

在reader.onloadend中，您可以获得文件的结果并分配给您的输出对象k，或者可以调用回调函数incase。

reader.onloadend = function (e) {
   //cb(JSON.parse(this.result));
   var k=JSON.parse(this.result);
   console.log(k.name + ", " + k.absent+ ", " + k.present);
  };

var k = JSON.parse('{"name":"Physics","absent":1, "present" : 3}');
console.log(k.name + ", " + k.absent + ", " + k.present);

如何读取通过 cordova 文件插件写入的对象？

How to read object written through cordova file plugin?

javascript

android

filereader

cordova

cordova-plugins