Как читать объект, написанный через плагин Cordova File? - PullRequest
Новая
       13

Как читать объект, написанный через плагин Cordova File?

0 голосов
/ 03 июля 2018

Я прочитал в документации Cordova для платформы Android код, отсканированный и попытался использовать его для записи объекта JS в текстовый файл. Объект успешно пишется, но когда я читаю его с помощью API FileReader, я не могу получить вывод, как ожидалось. 

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

1 Ответ

0 голосов
/ 04 июля 2018

С помощью плагина Cordova File есть две важные части информации, которые нужно запомнить:

1. Как и все плагины Cordova, вы должны дождаться события deviceready, прежде чем пытаться что-либо делать,

2. Затем используйте window.resolveLocalFileSystemURL(<path>, <successHandler>, <errorHandler>)

window.resolveLocalFileSystemURL() возвращает экземпляр 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);
...