Problem with cordova camera images

Cordova camera works fine. But images are not getting displayed.This is my JS
part.

.controller(“ExampleController”, function($scope, $cordovaCamera) {

$scope.takeicture = function() {
    var options = { 
        quality : 75, 
        destinationType : Camera.DestinationType.DATA_URL, 
        sourceType : Camera.PictureSourceType.CAMERA, 
        allowEdit : false,
        encodingType: Camera.EncodingType.JPEG,
        targetWidth: 300,
        targetHeight: 300,
        popoverOptions: CameraPopoverOptions,
        saveToPhotoAlbum: false
    };

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

})

And my html part:

Take Picture ![image](upload://nWNOHsatkiJ7eaRpQ21WYxCyuBi.png)