Ionic 2 - 拍摄照片时未显示Base 64图像

时间:2016-11-01 11:47:03

标签: ionic-framework camera ionic2 getpicture

这些让我挠了几个小时,现在让我疯了。

当我点击“拍照”时按钮,相机按预期打开,但返回的imageData不会显示在应用程序中。

拍照HTML

<ion-item (click)="takePicture()">
  Take Picture
  <ion-icon item-right name="camera"></ion-icon>
</ion-item>

显示图片HTML

<img *ngFor="let image of images" [src]="'data:image/jpeg;base64,' + image">

拍照方法

images: string[] = [];

takePicture() {
  Camera.getPicture({
    quality: 50,
    destinationType: Camera.DestinationType.DATA_URL,
    targetWidth: 1000,
    targetHeight: 1000
  })
  .then(imageData => {
    this.images.push(imageData);
  });
}

应用中的错误 Array has data. It's just broken :(

1 个答案:

答案 0 :(得分:0)

从Ionic论坛得到答案,这对我有用。仍然不确定为什么我的代码没有工作......

src="data:image/jpeg;base64,{{image}}"