Cropping image with ionic jr-crop


#1

how do i automatically initiate the jr crop plugin after user selects photo from gallery with ionic on android

HTML

JS

angular.module(‘starter’, [‘ionic’, ‘starter.controllers’, ‘starter.services’,‘ngCordova’, ‘jrCrop’])
$http.get(‘http://example.com/app/templates/index_files/addphoto_grab.php’).success(function(data){
_ //console.log(JSON.stringify(data));_
_ $scope.upload=data;_
_ });_
_ $scope.takePhoto = function () {_
_ var options = {_
_ quality: 75,_
_ destinationType: Camera.DestinationType.DATA_URL,_
_ sourceType: Camera.PictureSourceType.CAMERA,_
_ allowEdit: true,_
_ encodingType: Camera.EncodingType.JPEG,_
_ //targetWidth: 300,_
_ //targetHeight: 300,_
_ popoverOptions: CameraPopoverOptions,_
_ saveToPhotoAlbum: false_
_ };_

_ $cordovaCamera.getPicture(options).then(function (imageData) {_
_ $scope.imageURI = “data:image/jpeg;base64,” + imageData;_
_ }, function (err) {_
_ // An error occured. Show a message to the user_
_ });_
_ }_

_ $scope.choosePhoto = function () {_
_ var options = {_
_ quality: 75,_
_ destinationType: Camera.DestinationType.DATA_URL,_
_ sourceType: Camera.PictureSourceType.PHOTOLIBRARY,_
_ allowEdit: true,_
_ encodingType: Camera.EncodingType.JPEG,_
_ //targetWidth: 300,_
_ //targetHeight: 300,_
_ popoverOptions: CameraPopoverOptions,_
_ saveToPhotoAlbum: false_
_ };_

_ $cordovaCamera.getPicture(options).then(function (imageData) {_
_ $scope.imageURI = “data:image/jpeg;base64,” + imageData;_
_ }, function (err) {_
_ // An error occured. Show a message to the user_
_ });_
_ }_
});

i’m able to get the photo alright into the view but how to start the jr-crop so i can crop some part


#2

Did you find a solution