ionic混合開發總結之調用手機相機

整理一下，給接觸ionic的伙伴們一些參考，少走彎路。

調用手機的前提是已經成功創建了項目。

首先，要下載兩個插件，一個是 cordova-plugin-camera，是調用相機的插件，還有一個是NgCordova,具體命令自己百度，網上很多。

下載完NgCordova后，不要忘記在app.js里面添加依賴，其中的ngCordova就是依賴，

var app = angular.module('starter', ['ionic', 'ngCordova','starter.controllers','starter.loginController'
  ,'starter.zoufang','starter.zaixian',
  'starter.tongbao','starter.wentishouji','starter.zhanshiController','starter.zerenController'])

定義調用相機的方法，這里是拍照不能超過九張。

其中options為調用相機時設置的參數，

destinationType為拍攝完成后返回的數據格式，此處為base64編碼，

sourceType 為是從相機拍攝還是從相冊選擇，此處為相機拍攝

saveToPhotoAlbum為是否保存到手機相冊中

其中需要注意的是controller中不要忘記添加 $cordovaCamera

其中的圖片上傳的方法自行忽略，這里為后台給出的方法，

拿到imageData，就可以做一些處理了，不論是上傳，還是顯示都可以操作了。

$scope.getCamera = function(){
      if($scope.data.y_image.length<9){
        var options = {
          quality: 70,
          destinationType: Camera.DestinationType.DATA_URL,
          sourceType: Camera.PictureSourceType.CAMERA,
          //allowEdit: true,
          encodingType: Camera.EncodingType.JPEG,
          targetWidth: 480,
          targetHeight: 720,
          popoverOptions: CameraPopoverOptions,
          saveToPhotoAlbum: false
        };
        $cordovaCamera.getPicture(options).then(function(imageData) {
          var imagedata = imageData;
          $scope.data.isimage = true;
          $ionicLoading.show({
            template: '圖片上傳中...'
          });
          client.UpdateImage(imagedata, function (result) {
            $ionicLoading.hide();
            $scope.data.y_image.push({'src':"data:image/jpeg;base64," + imageData,'val':'/Yuonhtt_FileUpload/img/'+result});
            $scope.$digest();
          }, function (name, err) {
            alert(err);
          });
        }, function(err) {
          console.log(err);
        });
      }else{
        var confirmPopup = $ionicPopup.alert({
          title: '提醒',
          template: '上傳圖片超過9張!',
          okText:'確 認',
          okType:'button-assertive'
        });
        confirmPopup.then(function(res) {
        });
      }

    };