Variables and scopes clearing themselves

Question

Im attempting to get a b64 value for an image inside my controller. For some reason only in this case when I set a variable inside the filereader.onload it will clear itself. Inside the function I am able to log it out or send it to another function, however once the function chain has "ended" the variable is no longer defined.

Ive tried multiple ways of doing this and I cant seem to get it to work. Heres my code snippet;

function createProfilec(user) {
        var regionasstring = region.toString();
        var ctypetostring = ctype.toString();
        imageset();
        console.log($scope.imageIdForDB);
        var ref = Ref.child('users/' + user.uid), def = $q.defer();
        ref.set({type: 'company',companyname: Cname, region: regionasstring, contactnumber: number, companytype: ctypetostring, date: Firebase.ServerValue.TIMESTAMP, image: $scope.imageIdForDB}, function(err) {
            $timeout(function() {
                if( err ) {
                    def.reject(err);
                }
                else {
                    def.resolve(ref);
                }
            });
        });
        return def.promise;
    }

    function imageset(){
    var filesSelected = document.getElementById('inputFileToLoad').files;
        if (filesSelected.length > 0)
        {
            var fileToLoad = filesSelected[0];

            var fileReader = new FileReader();

            fileReader.onload = function(fileLoadedEvent) 
            {     
               imageid = fileLoadedEvent.target.result;
                setimageb64(fileLoadedEvent.target.result);
            };

            fileReader.readAsDataURL(fileToLoad);
        }
    }
    function setimageb64(ID){
        console.log(ID);
        $scope.imageIdForDB = ID;
    }

Cheers

Are you saying it comes through into setimageb64 and logs the correct string? — Fred Johnson, Dec 21 '15 at 01:00

score 0 · Answer 1 · edited May 23 '17 at 12:30

I don't think your file reader code is correct, please compare with:

How to convert image into base64 string using javascript

Copied & pasted:

function convertFileToBase64viaFileReader(url, callback){
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'blob';
    xhr.onload = function() {
      var reader  = new FileReader();
      reader.onloadend = function () {
          callback(reader.result);
      }
      reader.readAsDataURL(xhr.response);
    };
    xhr.open('GET', url);
    xhr.send();
}

Variables and scopes clearing themselves

1 Answers1