时间戳

首页 > 解决方案 > 浏览器中的 ionic 5 相机插件不显示拍照选项

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

问题描述

我在浏览器中使用 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);
    });
}

标签： cordovaionic-frameworkcameraionic5

解决方案

尝试使用以下相机选项：

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
});

推荐阅读