浏览器中的 ionic 5 相机插件不显示拍照选项答案

【问题标题】：ionic 5 camera plugin in browser does not show option to take picture浏览器中的 ionic 5 相机插件不显示拍照选项
【发布时间】：2021-02-08 04:37:18
【问题描述】：

我在浏览器中使用 ionic5 角度和相机插件。相机以打开前置摄像头开始，但我看不到用于捕捉图片的控件。代码如下

getFromCamera(){
    // alert('click');
  this.camera.getPicture({
        destinationType: this.camera.DestinationType.FILE_URI,
        quality: 25,
        correctOrientation: true,
          allowEdit:false
    }).then((imageData) => {
      console.log("got image from camera and setting it up with imageData:", imageData)
    }, (err) => {
        console.log(err);
        alert(err);
    });
}

【问题讨论】：

你可以使用电容https://capacitorjs.com/docs/apis/camera查看设备和浏览器。

标签： cordova ionic-framework camera ionic5

【解决方案1】：

尝试使用以下相机选项：

import { Camera, CameraOptions } from '@ionic-native/camera/ngx';


const options: CameraOptions = {
  quality: 100,
  destinationType: this.camera.DestinationType.FILE_URI,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE
}

this.camera.getPicture(options).then((imageData) => {
 // imageData is either a base64 encoded string or a file URI
 // If it's base64 (DATA_URL):
 let base64Image = 'data:image/jpeg;base64,' + imageData;
}, (err) => {
 // Handle error
});

【讨论】：