相机插件无法在Ionic 4中打开相机 [英] Camera Plugin not opening camera in Ionic 4

问题描述

我正在研究Ionic 4中的一个项目. 我希望用户通过从相机捕获或从库上传来上传图片.目前，我正在开发模式下运行.问题是我无法在调试模式下打开设备上的相机或照片库.但是，当我在"DEVAPP"上运行时，相机正在打开.我尝试获得许可，但没有任何解决方法.这是我的代码，尝试了多种方式，因此代码有点分散:

I am working on a project in Ionic 4. I would like user to upload picture by capturing from camera or uploading from library. For now I am running in development mode. The problem is that I am not being able to open camera or photo library on device in debugging mode. However the camera is opening when I run on "DEVAPP". I have tried taking permission but nothing is working out. Here is my code, tried many ways therefore code is a bit scattered:

async selectImage() {
  try {
    const actionSheet = await this.actionSheetController.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();
  } catch (error) {
    alert(error);
  }
}

takePicture(sourceType: PictureSourceType) {
  const options: CameraOptions = {
      quality: 100,
      sourceType,
      saveToPhotoAlbum: false,
      correctOrientation: true
  };


  alert('i m n takepicture');

  this.androidPermissions.requestPermissions([this.androidPermissions.PERMISSION.CAMERA]).then(
    result => console.log('i am asking for permision: ' +  result),
    err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA)
  );

  if (this.camera.PictureSourceType.CAMERA) {
  this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.CAMERA).then(
  result =>
  this.camera.getPicture(options).then(imagePath => {
      if (this.plt.is('android') && sourceType === this.camera.PictureSourceType.PHOTOLIBRARY) {
          this.filePath.resolveNativePath(imagePath)
              .then(filePath => {
                  const correctPath = filePath.substr(0, filePath.lastIndexOf('/') + 1);
                  const currentName = imagePath.substring(imagePath.lastIndexOf('/') + 1, imagePath.lastIndexOf('?'));
                  this.copyFileToLocalDir(correctPath, currentName, this.createFileName());
              }). catch((error) => {
                 console.warn('error: ' + error);
              });
      } else {
          const currentName = imagePath.substr(imagePath.lastIndexOf('/') + 1);
          const correctPath = imagePath.substr(0, imagePath.lastIndexOf('/') + 1);
          this.copyFileToLocalDir(correctPath, currentName, this.createFileName());
      }
  }),
  err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA));
  } else {
    this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.PHOTOLIBRARY).then(
      result =>
      this.camera.getPicture(options).then(imagePath => {
          if (this.plt.is('android') && sourceType === this.camera.PictureSourceType.PHOTOLIBRARY) {
              this.filePath.resolveNativePath(imagePath)
                  .then(filePath => {
                      const correctPath = filePath.substr(0, filePath.lastIndexOf('/') + 1);
                      const currentName = imagePath.substring(imagePath.lastIndexOf('/') + 1, imagePath.lastIndexOf('?'));
                      this.copyFileToLocalDir(correctPath, currentName, this.createFileName());
                  });
          } else {
              const currentName = imagePath.substr(imagePath.lastIndexOf('/') + 1);
              const correctPath = imagePath.substr(0, imagePath.lastIndexOf('/') + 1);
              this.copyFileToLocalDir(correctPath, currentName, this.createFileName());
          }
      }),
      err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.PHOTOLIBRARY));
  }
}

推荐答案

尝试一下

takePicture(sourceType: PictureSourceType) {
const options: CameraOptions = {
    quality: 100,
    sourceType:sourceType,
    saveToPhotoAlbum: false,
    correctOrientation: true
};
 this.camera.getPicture(options).then(
  imageData => {
   ///DO YOUR LOGIC
  },
  err => { 
    // Handle error
  }
);

}

这篇关于相机插件无法在Ionic 4中打开相机的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！