angular - 如何从 IONIC 3 中的图库中获取或选择图像

Question

如何从 IONIC 3 中的图库中获取图像？

我无法使用

从图库中获取图像

https://ionicframework.com/docs/native/camera/

https://ionicframework.com/docs/native/camera-preview/

Answer 1

您可以使用 Native camera plugin 来做到这一点.

.ts

 //take Photo
  takePhoto(sourceType:number) {
    const options: CameraOptions = {
      quality: 50,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      correctOrientation: true,
      sourceType:sourceType,
    }

    this.camera.getPicture(options).then((imageData) => {
      let base64Image = 'data:image/jpeg;base64,' + imageData;
    }, (err) => {
      // Handle error
    });
  }

注意:您只需要像这样调用上面的方法:

this.takePhoto(0);//照片库

this.takePhoto(1);//相机

0 for photo library 1 for Camera

用户界面