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
Post a Comment