Android 在 Ionic 3 允许系统权限后，设备摄像头未打开

Question

我想在我的应用程序中使用相机插件。我申请了摄像头权限，但是允许后摄像头打不开

正在以下设备上试用 - 摩托 g4 加 android 版本 7.0

以下是 Ionic 信息

cli 包：（C:\Users\username\AppData\Roaming\npm\node_modules） @ionic/cli-utils：1.19.3 离子（离子 CLI）：3.20.1

全局包： 科尔多瓦 (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)

本地包： @ionic/app-scripts：3.2.0 Cordova 平台：android 7.0.0 浏览器 5.0.4 离子框架：ionic-angular 3.9.2

系统： Android SDK 工具：25.2.5 节点：v8.11.1 npm：5.6.0 OS : Windows 10

环境变量： ANDROID_HOME : C:\android-sdk-win

杂项： 后端：pro

以下是我的代码

openCamera(){

    this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.CAMERA).then(
        result => {
            alert(result.hasPermission);
            if(!result.hasPermission) {
                this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA)
                .then( cam => {
                    alert('permission result '+ JSON.stringify(cam) );
                    this.capturingPicture();
                })
                .catch( error => {
                    alert('permission error occured '+ JSON.stringify(error) );
                });
            } else {
                this.capturingPicture();
            }
        },
        err => {
            this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA); 
        });
}

capturingPicture 功能警报正在显示，但设备相机未打开。

capturingPicture(){
    alert('capturingPicture');

    const options: CameraOptions = {
        mediaType: this.camera.MediaType.PICTURE,
        quality : 75, 
                   destinationType : this.camera.DestinationType.DATA_URL, 
                   sourceType : this.camera.PictureSourceType.CAMERA, 
                  allowEdit : true,
                  encodingType: this.camera.EncodingType.JPEG,
                  targetWidth: 300,
                  targetHeight: 300,
                 saveToPhotoAlbum: false
    };

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

根据文档，编写了代码，但仍然不知道它是否是 code/plugin/verions/OS 等问题。请指导我。

谢谢。

Answer 1

使用以下命令在ionic 3中安装摄像头

npm install --save @ionic-native/camera@4

Android 在 Ionic 3 允许系统权限后，设备摄像头未打开

Android device camera is not opening, after allowing system permission with Ionic 3

android

typescript

cordova

ionic3

android-7.0-nougat