离子相机插件应用程序获取图像后刷新

时间:2016-12-27 11:21:20

标签: android angularjs cordova ionic-framework

我正在使用cordova-plugin-camera使用手机摄像头拍摄图像。我的html页面中有一个按钮,如下所示

   <a class="item item-thumbnail-left" href="#">
            <img src="img/preview.png">
            <button class="button button-block button-positive upload-btn" ng-click="addImage12()">
                capture
            </button>
        </a> 

下面是我的控制器

.controller('imageController',function($scope,$state,$rootScope,toaster,$translate,$cordovaCamera){    
  $scope.addImage12 = function() {
    var options = {
       quality: 80,
       destinationType: Camera.DestinationType.DATA_URL,
       sourceType: Camera.PictureSourceType.CAMERA,
       allowEdit: false,
       encodingType: Camera.EncodingType.JPEG,
       targetWidth: 250,
       targetHeight: 250,
       popoverOptions: CameraPopoverOptions,
       saveToPhotoAlbum: false
   };

   $cordovaCamera.getPicture(options).then(function(imageData) {
       $scope.srcImage = "data:image/jpeg;base64," + imageData;
       console.log($scope.srcImage);
       window.preventDefault();
   }, function(err) {
       console.log(err);
       window.preventDefault();
   });
  };
})

在拍摄图像部分之前,所有内容似乎都能正常工作。当我在图像捕捉后单击勾选按钮时,它会将我带回应用程序的第一页而不是单击按钮所在的同一页面。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

我认为问题是因为打开本机应用程序(相机)而关闭了应用程序。可能是您的应用程序将从第一个开始,如果最小化。如果它在那里,请解决该问题并尝试保持当前状态。

http://tripleneo.nl/resume-app-using-angularjs-ionic/请参阅此链接

阅读完之后,在您的情况下,不应该有任何确认对话,只需将用户发送到当前的相机状态