Ionic 2カメラが電話で動作していません

Question

私は比較的新しいIonic 2、Cordova & mobileです。私は簡単なカメラアプリを構築するためのサンプルアプリケーションを追跡しました。それは他のいくつかの質問のコードと非常によく似ています。私のAndroid携帯電話では、カメラは写真を撮りますが、画像は表示されません。 「takePictureが起動しました」というログエントリは表示されますが、それ以上のログエントリは表示されません。許可の問題のように私が紛失しているものはありますか？私がなぜログエントリを見ていないのか理解できません。

関連するコード：

mypage.html

<button ion-button block color="primary" (click)="takePicture()">Take Picture</button> 
... 

<img [src]="base64Image" *ngIf="base64Image" /> 

mypage.ts

export class MyPage { 

    public base64Image: string; 

    constructor(public navCtrl: NavController) { 
} 

    takePicture() { 
    console.log("takePicture fired."); 
    Camera.getPicture({ 
     destinationType: Camera.DestinationType.DATA_URL, 
     sourceType: Camera.PictureSourceType.CAMERA, 
     encodingType: Camera.EncodingType.JPEG, 
     targetWidth: 1000, 
     targetHeight: 1000 
    }).then((imageData) => { 
     // imageData is a base64 encoded string 
     this.base64Image = "data:image/jpeg;base64," + imageData; 
     if (this.base64Image) { 
     console.log("base64Image = " + this.base64Image); 
     } 
     else { 
     console.log("base64Image = NULL"); 
     } 
    }, (err) => { 
     console.log("An error occurred."); 
     console.error(err); 
    }); 
    }); 

Answer 1

ステップ1：あなたのclass.tsで

import { Camera } from 'ionic-native'; 

ステップ2：HTML

<img [src]="base64Image" *ngIf="base64Image" (click)="captureImage()"/> 

ステップ3：

captureImage(){ 

     Camera.getPicture({ 
       quality: 100, 
       saveToPhotoAlbum: true, 
       destinationType: Camera.DestinationType.FILE_URI, 
       sourceType: Camera.PictureSourceType.CAMERA, 
       allowEdit: true, 
       correctOrientation: false 
       }) 
       .then((result) => { 
        this.base64Image = result; 
        console.log('Image URI: ' + this.base64Image); 
       }, (error) => { 
       console.log("ERROR -> " + JSON.stringify(error)); 
      }); 
} 

それが正常に動作しています...

乾杯！