鸿蒙手机cordova-plugin-camera不能拍照和图片不显示问题

news/2024/7/21 10:35:02 标签: harmonyos, 华为, 拍照, cordova, 移动开发

cordovaplugincamera_0">鸿蒙手机cordova-plugin-camera不能拍照和图片不显示问题

一、运行环境

1、硬件

手机型号:NOVA 7
系统:HarmonyOS版本 4.0.0

2、软件

android SDK platforms:14.0(API Level 34)、13.0(API Level 33)
SDK Build-Tools: 33.0.3
JDK 17
Cordova-android-version:12.0.1
cordova-plugin-camera:7.0.0

二、运行拍照功能错误并且图片仅显示为图标

在基于cordova平台采用cemara最新版本插件开发拍照功能时,出现以下错误:
用推荐的FILE_URI模式,显示图库图片时,只显示为一个图标,不能正确显示图片;
并且运行“拍照”功能,会出现错误:
在这里插入图片描述

三、问题解决

对于FILE_URI只显示图标,可能原因为Android11后限制了目录访问权限?(有待研究)
解决方法:
1、拍照和显示图库都选为DATA_URL方式
2、拍照出错,根据harmonyOS和android的对应版本关系,harmonyOS对应android12(API Level31)
因此,在sdk manager中选择安装了SDK Platform:android12(API Level31)
然后重新新建工程、新增platform和插件,拷入源码运行,拍照功能正常!
目前系统运行环境为:
在这里插入图片描述

程序index.js的关键部分源码如下:

document.addEventListener('deviceready', onDeviceReady, false);
function onDeviceReady() {
    // Cordova is now initialized. Have fun!
 document.getElementById("takePicture").addEventListener("touchend", function() {
        navigator.camera.getPicture(onSuccess, onFail, { 
            quality: 50,
            // destinationType: Camera.DestinationType.FILE_URI,
             destinationType: Camera.DestinationType.DATA_URL,
            sourceType: Camera.PictureSourceType.CAMERA,
            correctOrientation: true
        });
    });
    //Use from Library
    document.querySelector("#usePicture").addEventListener("touchend", function() {
        navigator.camera.getPicture(onSuccess, onFail, { 
            quality: 50,
            sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
            destinationType: Camera.DestinationType.DATA_URL//FILE_URI会显示为图标
        });
    });
    function onSuccess(imageData) {
        var image = document.getElementById('myImage');
        image.src = "data:image/jpeg;base64," + imageData;//DATA_URL模式
        // image.src = imageData;//FILE_URI模式
    }

    function onFail(message) {
        alert('错误:'+message);
     }   
}


http://www.niftyadmin.cn/n/5462587.html

相关文章

【opencv】教程代码 —features2D(5)旋转相机的基本全景拼接

基本全景拼接 panorama_stitching_rotating_camera.cpp 将第二张图像进行透视变换后与第一张图像拼接 #include <iostream> // 包含了一些用于输入输出的函数 #include <opencv2/core.hpp> // 包含了OpenCV核心库的一些常用类和函数 #include <opencv2/imgpro…

Native Instruments Kontakt 7 for Mac v7.9.0 专业音频采样

Native Instruments Kontakt 7是一款强大的软件采样器&#xff0c;它允许用户从各种来源采样音频并进行编辑和处理。它包含大量预设采样库&#xff0c;包括乐器、合成器、鼓组和声音效果等。此外&#xff0c;Kontakt 7还允许用户创建自己的采样库&#xff0c;以便根据自己的需要…

基于JSP在线订花系统

基于JSP在线订花系统的设计与实现 摘要 近年来&#xff0c;随着人们对于生活品质的重视度日益提升&#xff0c;鲜花的需求量也在不断增加同时带动了鲜花电商的飞速发展和应用&#xff0c;平台化的鲜花交易模式也逐渐从传统的鲜花销售转型为个性化鲜花定制。同时随着鲜花速递行…

SQL | SQL 3小时快速入门学习笔记

【【数据库】SQL 3小时快速入门 #数据库教程 #SQL教程 #MySQL教程 #database#Python连接数据库】 课程链接 一、SQL 1.资料库管理系统&#xff08;Database Management System&#xff0c;简称DBMS&#xff09; 是整理资料的软件。其主要功能包括数据的存储、检索、更新和删除…

C++11入门手册第二节,学完直接上手Qt(共两节)

C++多线程 #include <thread>:C++多线程库 #include <mutex>:C++互斥量库 #include <future>:C++异步库 多线程介绍 线程的创建 void entry_1() { }以普通函数作为线程入口函数:void entry_2(int val) { }​std::thread my_thread_1(entry_1);std::thr…

JS(七)avaScript中的对象

JS&#xff08;七&#xff09;avaScript中的对象 01 什么是对象 在JavaScript中&#xff0c;对象是一种复合数据类型&#xff0c;用于存储键值对。对象可以包含多个属性&#xff08;键值对&#xff09;&#xff0c;每个属性都有一个名称&#xff08;键&#xff09;和一个值。 …

编曲知识15:重复段落编写 尾奏编写 家庭工作室搭建 硬件设备使用常识

15 重复段落编写 尾奏编写 家庭工作室搭建 硬件设备使用常识小鹅通-专注内容付费的技术服务商https://app8epdhy0u9502.pc.xiaoe-tech.com/live_pc/l_6602a586e4b0694cc051476b?course_id=course_2XLKtQnQx9GrQHac7OPmHD9tqbv 重复段落设计 第二段落指代间奏过后的段落 第二…

随便注【强网杯2019】

大佬的完整wp&#xff1a;buuctf-web-[强网杯 2019]随便注-wp_取材于某次真实环境渗透,只说一句话:开发和安全缺一不可-CSDN博客 知识点&#xff1a; 单引号字符型绕过堆叠注入 可以执行多条语句multi_query()&#xff1a;该函数可能引发堆叠注入handler用法 mysql专属&#…