Ionic 4 - Родные проблемы с плагином камеры - PullRequest
Новая
       45

Ionic 4 - Родные проблемы с плагином камеры

0 голосов
/ 04 апреля 2019

Я разработал приложение для Android с использованием Ionic4.Я столкнулся с некоторыми проблемами с плагином Ionic Native Camera.Ниже мой код.Проблемы, с которыми я сталкиваюсь, приведены ниже.Версия используемого мной подключаемого модуля камеры: "@ionic-native/camera": "^5.3.0",.

Проблемы

  1. Галерея не открывается
  2. Захваченное изображение не возвращается.
  3. Приложение вылетает после съемки

html 

<img [src]="studentImage!==null ? studentImage: 'assets/icon/ic_avatar.png'" class="add-picture" (click)="addImage()">

.ts 

 public addImage() {
    this.genericServices.presentActionSheet(this.openGallery, this.openCamera);
  }

private openCamera = () => {
    this.studentImage = this.genericServices.selectPicture('camera');
    console.log('Captured Image:=>' + this.studentImage);
  }
  private openGallery() {
    this.studentImage = this.genericServices.selectPicture('gallery');
  }

service 

  public async selectPicture(source) {
    let base64Image = null;
    const cameraOptions: CameraOptions = {
      quality: 75,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.PNG,
      mediaType: this.camera.MediaType.PICTURE,
      sourceType: source === 'camera' ? this.camera.PictureSourceType.CAMERA : this.camera.PictureSourceType.PHOTOLIBRARY,
      correctOrientation: true
    };

    await this.camera.getPicture(cameraOptions).then((imageData) => {
      console.log('Returned Image=>' + base64Image);
      return base64Image = 'data:image/jpeg;base64,' + imageData;
    }).catch(() => {
    });
  }

1 Ответ

0 голосов
/ 04 апреля 2019

Трудно сказать, в чем ваша проблема.Я, вероятно, написал бы немного другой код, например:

async selectImage () {

const actionSheet = await this.actionCtrl.create({
    header: "Select Image source",
    buttons: [{
            text: 'Load from Library',
            handler: () => {
              this.takePicture(this.camera.PictureSourceType.PHOTOLIBRARY);
            }
        },
        {
            text: 'Use Camera',
            handler: () => {
                this.takePicture(this.camera.PictureSourceType.CAMERA);
            }
        },
        {
            text: 'Cancel',
            role: 'cancel'
        }
    ]
});
await actionSheet.present(); 
}

А затем в методе takePicture () решите, каким должен быть destinationType, по умолчанию FILE_URI (1). 

 takePicture(sourceType: PictureSourceType) {
    var options: CameraOptions = {
        quality: 80,
        sourceType: sourceType,
        saveToPhotoAlbum: false,
        correctOrientation: true,
        destinationType: 1,
        targetWidth: 1240,
        targetHeight: 768,
    };
    this.camera.getPicture(options)
    .then((imageData) => {
      // do something with the imageData, should be able to bind it to a variable and 
      // show it in your html file. You might need to fix file path, 
      // remember to import private win: any = window, and use it like this.

      this.imagePreview = this.win.Ionic.WebView.convertFileSrc(imageData);

    }).catch((err) => {
      console.warn("takePicture Error: " + err);
    });
  }

Это должно работать нормально ... Я только что проверил.Но, как я уже сказал, может быть несколько вещей не так с вашей настройкой.Надеюсь, это так или иначе поможет ... иначе создайте скрипку, и я с удовольствием посмотрю на код для вас.

...