angularjs - Unable to get $scope variables inside the fileReader.onload function -


i using in angular

app.controller('techiesclub', function($scope, $http) {   $scope.firstname = "john";   $scope.lastname = "doe";      $scope.asdf = "ankur";     $scope.uploadimage = function () {         alert($scope.asdf);            ////////////works         var filesselected = document.getelementbyid("upload").files;         if (filesselected.length > 0) {           var filetoload = filesselected[0];            var filereader = new filereader();            filereader.onload = function(fileloadedevent, ss) {             var srcdata = fileloadedevent.target.result; // <--- data: base64               $scope.asdf = srcdata;   //////////////////not working            }           debugger;           filereader.readasdataurl(filetoload, $scope);         }     } }); 

using uploadimage method on onchange of input

<input type="file" id="upload" name="pic" class="form-control" onchange="angular.element(this).scope().uploadimage()"> 

i unable srcdata i.e. base64 data variable can use else where.

ankur,

we can rewrite html in way.

 <input type="file" id="upload" name="pic" class="form-control" onchange="angular.element(this).scope().uploadimage(this);"> 

js snippet here.. i'm trying blob version.

$scope.uploadimage = function ($event) {     alert($scope.asdf);            ////////////works     var filesselected = $event.files;     if (filesselected.length > 0) {       var filetoload = filesselected[0];       var _ulr = window.url || window.webkiturl;       var img = new image();       img.onload = function() {         var srcdata = this.src; // <--- data: blob          $scope.asdf = srcdata;   //////////////////not working       };debugger;       img.src =_ulr.createobjecturl(filetoload);         } } 

Comments

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

How to understand 2 main() functions after using uftrace to profile the C++ program? -

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -