Ionic 2カメラの写真が表示されない

Question

私はカメラで写真を撮るべき簡単なアプリを開発中です。カメラは動作し、画像を撮影します。しかし、私はイメージを表示することはできません。私は空の灰色のボックスを取得します。このボックスには画像が表示されますが、表示されません。誰も考えられない？

編集：アンドロイドエミュレータでアプリを実行すると、写真（アンドロイド機能で作成）を撮ってアプリに表示できます。 Ionic ViewアプリケーションまたはiOSエミュレータで展開するたびに、画像は表示されません。

EDIT 2：Android搭載端末でアプリを実行できます。私は、Ionic Viewアプリケーションが時には少しバグがあると仮定します。 getPicture（）で、あなたの最初のパラメータを変更して

import {Component} from '@angular/core'; 
import {Camera} from 'ionic-native'; 


@Component({ 
    selector: 'page-contact', 
    templateUrl: 'contact.html' 
}) 
export class ContactPage { 

    public base64Image: string; 

constructor() { 

} 

takePicture() { 
    Camera.getPicture({ 
     destinationType: 0, 
     targetWidth: 1000, 
     targetHeight: 1000 
    }).then((imageData) => { 
     this.base64Image = "data:image/jpeg;base64," + imageData; 
    }, (err) => { 
     console.log(err); 
    }); 
} 
} 

Answer 1

：

destinationType: Camera.DestinationType.DATA_URL,

編集を：イオンビューはdoesnの」

<ion-header> 
    <ion-navbar> 
     <ion-title> 
      Contact 
     </ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <button ion-button (click)="takePicture()">Take photo</button> 
    <button ion-button (click)="sendData()">Send</button> 
    <ion-card> 
     <ion-card-content> 
      <img [src]="base64Image" *ngIf="base64Image" /> 
     </ion-card-content> 
    </ion-card> 
</ion-content> 

typescriptファイル：ここで

は私のコードですプラグインでうまくやれます。あなたが行うことができる唯一の実際のテストは、デバイス上で実行されます。私はあなたのコードを試して、それは私のアンドロイド携帯電話で実行されています。

Answer 2

Camera.getPicture({ 
     destinationType: Camera.DestinationType.DATA_URL, 
     targetWidth: 1000, 
     targetHeight: 1000, 
     encodingType: Camera.EncodingType.JPEG, 
     sourceType: Camera.PictureSourceType.PHOTOLIBRARY, 
     allowEdit:true }).then((imageData)=>{ 

     this.images.push(imageData); 
    }); 

上記のコードを試してください。 iOSエミュレータで動作します。