Question

我正在尝试创建一个示例应用程序，它可以从相机拍摄照片，也可以从屏幕上的图库中加载图像。

有人可以帮助我。

Answer 1

您可以使用ngCordova的{{3}}来拍照并保存。

在 app.js ：

中注册ngCordova作为依赖项

angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])

<强> controller.js ：

.controller('PhotosCtrl', function($scope, $cordovaCamera) {
  /**
   * Add a photo.
   */
  $scope.addPhoto = function(){
    var options = {
      quality: 50,
      destinationType: Camera.DestinationType.DATA_URL,
      sourceType: Camera.PictureSourceType.CAMERA,
      allowEdit: true,
      encodingType: Camera.EncodingType.JPEG,
      targetWidth: 100,
      targetHeight: 100,
      popoverOptions: CameraPopoverOptions,
      saveToPhotoAlbum: false,
      correctOrientation:true
    };

    $cordovaCamera.getPicture(options).then(function(imageData) {
      var image = document.getElementById('myImage');
      image.src = "data:image/jpeg;base64," + imageData;
    }, function(err) {
      console.log("Error while getting the image!", err)
    });
  };
});

<强> template.html ：

<ion-view view-title="Photos">
  <ion-content>
    <button type="button" class="button" ng-click="addPhoto()">Add photo</button>
    <img id="myImage" />
  </ion-content>
</ion-view>

使用ionic和ngCordova

1 个答案: