简体   繁体   中英

Phonegap (3.3.0) FileReader readAsText() not working

so I am trying to use the phonegap file API to save and later load a file in the app. The save seems to be working, but reading the file throws this error:

processMessage failed: Stack: TypeError: Object #<an Object> has no method 'readAsText'
  at [object Object].readAsText (file:///android_asset/www/plugins/org.apache.cordova.file/www/FileReader.js:130:33)
  at file:///android_asset/www/index.html:3843:15
  at file:///android_asset/www/plugins/org.apache.cordova.file/www/DirectoryEntry.js:100:9
  at Object.callbackFromNative (file:///android_asset/www/phonegap.js:292:54)
  at processMessage (file:///android_asset/www/phonegap.js:1029:21)
  at Function.processMessages (file:///android_asset/www/phonegap.js:1063:13)
  at pollOnce (file:///android_asset/www/phonegap.js:933:17)
  at pollOnceFromOnlineEvent (file:///android_asset/www/phonegap.js:928:5)

No matter what I do, it always seems to throw this error. I printed out the fileReader object to the console and inspected it using weinre. It had the prototype with the readAsText() function on it, so I'm really at a loss why it's not working...

This is how I am saving the file:

var request = window.requestFileSystem;
if(typeof request != 'undefined') {
    var fileSystem;
    var writer;
    request(LocalFileSystem.PERSISTENT, 0, function (FS) {
        fileSystem = FS;
        fileSystem.root.getFile("offlineData.txt", {create: true, exclusive: false}, function(fileEntry) {
            fileEntry.createWriter(function(w) {
                writer = w;
                writer.write('This is some text yo');
            }, function(e) {console.log(e);});}, 
        function(e) {console.log(e); console.log('There was an error getting the file to write')});} , 
    function(e) {\console.log('There was an error getting the file system');});}    

Later in the flow, I will do something like this:

request(LocalFileSystem.PERSISTENT, 0, function(FS) {
                    fileSystem = FS;
                    fileSystem.root.getFile("offlineData.txt", null, function(_file) {
                        var reader = new FileReader();
                        reader.onloadend = function (evt) {
                            console.log("read success");
                            console.log(evt.target.result);
                        };
                        reader.onerror = function(evt) {
                            console.log("Error read text");
                            console.log("Error"+evt.error.code);                                
                        };
                        reader.onabort = function(evt) {
                            console.log("aborted read text");
                            console.log(evt.target.result);                             
                        };
                        reader.onloadstart = function(evt) {
                            console.log("started reading");
                        };
                        console.log(reader);
                        reader.readAsText(_file);                               
                    });
                }, function(e) {console.log(e); console.log('There was an error getting the file.')});

In your sample, _file is a fileEntry and not file content. Can you try this :

fileSystem.root.getFile("offlineData.txt", null,
    function (fileEntry) {
        fileEntry.file(function (_file) {
            var reader = new FileReader();
            reader.onloadend = function () {
                console.log("read success");
                console.log(evt.target.result);
            };
            reader.readAsText(_file);
        });
    }
);

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM