图像选择 DES 在 Ionic 2 应用程序中不起作用

Question

我正在尝试打开Android的照片库以使用Ionic 2选择图像。 这是使用相机插件的女巫中的home.ts的代码。

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {Camera} from '@ionic-native/camera';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
image640:any;
constructor(public navCtrl: NavController,public camera : Camera) 
{
}
openGallery()
{
var options = {
quality: 100,
sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
saveToPhotoAlbum: true,
correctOrientation: true,
};
this.camera.getPicture(
options 
).then(
(imageData)=>
{
this.image640 = 'data:image/jpeg;base64,'+imageData;
},
(err) => 
{
console.log(err);
}
);
}
}

而家庭.html的代码如下：

<ion-header>
<ion-navbar>
<ion-title align="center">
Blank
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<img src="image640" *ngIf="image640"/>
<Button align="center" ion-button (click)="openGallery()">Open 
Gallery</Button>
</ion-content>

但是当我单击OpenGallery按钮时，Android库会打开，但是当我选择图像时，大约8秒内会出现空白屏幕，之后，显示的是根页面。然后我在我的页面中看不到所选图像。 有人可以帮忙吗？

Answer 1

设置选项

var options = {
quality: 100,
sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
saveToPhotoAlbum: true,
correctOrientation: true,
};

然后选择这样的照片

this.camera.getPicture(options).then((imagePath) => {
// Special handling for Android library
if (this.platform.is('android') && sourceType === 
this.camera.PictureSourceType.PHOTOLIBRARY) { //when selecting from library
//your code goes here
} else { //when capturing by camera
//your code goes here
}