cordova camera插件——摄像头插件的使用及上传图片

最新推荐文章于 2024-08-12 21:08:43 发布
最新推荐文章于 2024-08-12 21:08:43 发布
阅读量3.2w 收藏 25
点赞数 7
分类专栏： cordova 文章标签： cordova plugin webapp camera
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/michael_ouyang/article/details/75085648
版权


介绍

cordova提供照相机API与设备相机进行交互。

通过照相机API、我们可以拍摄或者访问照片库中的照片，返回图片的base64编码字符串或者图片的url文件路径。

 

 

 

安装插件

需要cordova 5.0以上版本

cordova plugin add cordova-plugin-camera

通过ID安装旧版本的cordova

cordova plugin add org.apache.cordova.camera

当然，也可以通过下载直接添加：（不稳定）

cordova plugin add https://github.com/apache/cordova-plugin-camera.git




 

使用方法：

这个插件定义了一个全局的navigator.camera 对象，它提供了一个API，用于拍照和从系统图库中选择图像。

虽然对象是附加到全局的navigator对象内，但是需要在deviceready事件之后才可用。

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log(navigator.camera);
}




API 参考



navigator.camera.getPicture

使用camera.getPicture，可以调用设备默认的摄像头拍照，或从设备相册中获取一张照片。照片将以base64编码的字符串或图片URI形式返回。

 

navigator.camera.getPicture的参数：


示例：

拍一张照片，并返回它的一个 base64 编码的图像：

    navigator.camera.getPicture(onSuccess, onFail, { 
quality: 50,
        destinationType: Camera.DestinationType.DATA_URL
    });
    
    function onSuccess(imageData) {
        var image = document.getElementById('myImage');
        image.src = "data:image/jpeg;base64," + imageData;
    }
    
    function onFail(message) {
        alert('Failed because: ' + message);
    }

拍一张照片和返回图像文件的位置：

navigator.camera.getPicture(onSuccess, onFail, { 
quality: 50,
        destinationType: Camera.DestinationType.FILE_URI 
    });
    
    function onSuccess(imageURI) {
        var image = document.getElementById('myImage');
        image.src = imageURI;
    }
    
    function onFail(message) {
        alert('Failed because: ' + message);
    }



namera.cleanup()

移除掉中间图像文件是调用camera.getPicture所保存在临时的存储空间。

只适用于当Camera.sourceType的值=Camera.PictureSourceType.CAMERA和Camera.destinationType =Camera.DestinationType.FILE_URI。

 

Supported Platforms 支持平台

· iOS


示例：

navigator.camera.cleanup(onSuccess, onFail);
function onSuccess() {
    console.log("Camera cleanup success.")
}
function onFail(message) {
    alert('Failed because: ' + message);
}




CameraError

onError 的回调函数提供了一条错误信息。

    function(message) {
        // Show a helpful message
    }

参数
message    消息提供的设备的本机代码





CameraSuccess

成功访问图片后的回调函数，该函数的参数取值取决于destinationType的类型，如果destinationType是DATA_URI，则该参数返回Base64编码的图片数据；如果destinationType的FIEL_URI，则该参数返回的是图片的URI。

不论是图像数据或者URI，都可以通过img标签的src属性显示在网页中，

如对于图片数据imageData，通过给src属性赋值”data:image/jpeg:base64,”+imageData即可，

而对于图片URI imageURI，通过给src属性直接赋值imageURI即可。

    function(imageData) {
        // Do something with the image
    }


参数
 imageData   Base64 编码进行编码的图像资料，或图片文件的 URI，取决于 `cameraOptions` 效果。


示例：返回的base64设置到img标签中
    function cameraCallback(imageData) {
        var image = document.getElementById('myImage');
        image.src = "data:image/jpeg;base64," + imageData;
    }



CameraOptions

相机设置的可选参数。

名字

类型

默认值

描述

quality

number50图像的保存质量，范围0-100，100是最大值，最高的分辨率，没有任何压缩损失（请注意有关该相机的分辨率信息不可用。）
destinationTypeDestinationTypeFILE_URI选择返回值的格式
sourceTypePictureSourceType        CAMERA获取图片的来
allowEditBooleantrue允许在选择图片之前进行简单的编辑
encodingTypeEncodingTypeJPEG选择图像的返回编码
targetWidthnumber 宽度像素用来缩放图像。必须和targetHeight一起使用。宽高比保持不变。
targetHeightnumber  高度像素用来缩放图像。必须和targetWidth一起使用。宽高比保持不变
mediaTypeMediaTypePICTURE                       选择media类型。它只适用PictureSourceType是PHOTOLIBRARY或SAVEDPHOTOALBUM
correctOrientation                   Boolean 如果是横向拍摄的照片，会自动旋转到正确的方向
saveToPhotoAlbum                                   Boolean 设备拍照后的图像是否保存的图片库中
popoverOptionsCameraPopoverOptions                                          仅ios可用，设定在ipad的popover的位置
cameraDirectionDirectionBACK选择前置摄像头还是后置摄像头




























Camera.DestinationType :枚举
类型：相机的静态枚举属性
特性：
变量名类型默认值描述
DATA_URLnumber0返回Base64编码的字符串
FILE_URInumber1返回文件的URI(content://media/external/images/media/2 for Android)
NATIVE_URInumber2返回原生URI (eg. asset-library://... for iOS)


Camera.EncodingType :枚举
类型：相机的静态枚举属性
特性：
变量名类型默认值描述
JPEGnumber0返回JPEG的图片
PNGnumber1返回PNG的图片


Camera.MediaType :枚举
类型：相机的静态枚举属性
特性：
变量名类型默认值描述
PICTUREnumber0仅允许选择静态影像。 默认。将通过DestinationType返回指定格式
VIDEOnumber1仅允许选择视频，只返回网址
ALLMEDIAnumber2允许返回所有媒体格式


Camera.PictureSourceType :枚举
类型：相机的静态枚举属性
特性：
变量名类型默认值描述
PHOTOLIBRARYnumber0从设备相册选择图片
CAMERAnumber1用摄像头拍摄图片
SAVEDPHOTOALBUMnumber2从设备相册选择图片（一个应该是ios一个安卓）


Camera.PopoverArrowDirection :枚举
匹配的iOS UIPopoverArrowDirection在popover固定的箭头位置。
类型：相机的静态枚举属性
特性：
变量名类型默认值
ARROW_UPnumber1
ARROW_DOWNnumber2
ARROW_LEFTnumber4
ARROW_RIGHTnumber8
ARROW_ANYnumber15


Camera.Direction :enum
类型：相机的静态枚举属性
特性：
变量名类型默认值描述
BACKnumber0使用后置摄像头
FRONTnumber1使用前置摄像头


CameraPopoverOptions
iOS特供，从iPad的系统相册选择图片，指定popover的定位元素的位置箭头方向和参数。需要注意的是popover的尺寸可以改变，以适应屏幕的箭头和取向方向。确保指定元素位置时考虑方向变化。
变量名类型默认值描述
[x]number0屏幕选取框的x坐标
[y]number32屏幕选取框的y坐标
[width]number320屏幕选取框的宽度
[height]number480屏幕选取框的高度
[arrowDir]PopoverArrowDirectionARROW_ANY确定popover的指向






示例

示例一：使用camera插件，从图片库中选择图片，返回base64编码字符串

index.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>Hello World</title>
    <style>
        .line {
            padding: 5px;
        }
    </style>
</head>
<body>
<div class="app">
    <div class="line"><button id="openLabrary">按钮</button></div>
    <div class="line"><img id="myImage" style="height: 200px;"></img></div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>

 

 

index.js：

var app = {
    // Application Constructor
    initialize: function() {
        document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
    },
    // deviceready Event Handler
    onDeviceReady: function() {
        this.receivedEvent();
    },
    $$: function(id) {
        return document.getElementById(id);
    },
    receivedEvent: function(){
        var _this = this;
        var getDomLabrary = this.$$('openLabrary');
        getDomLabrary.onclick = function(){
            // 打开图片库
            navigator.camera.getPicture(onSuccess, onFail, {
                quality: 50,                                       // 相片质量是50
                sourceType : Camera.PictureSourceType.SAVEDPHOTOALBUM, // 设置从图片库获取
                destinationType: Camera.DestinationType.DATA_URL       // 以base64返回
            });
            function onSuccess(imageData) {
                console.log(imageData)
                _this.$$('myImage').src = "data:image/jpeg;base64," + imageData;
            }
            function onFail(message) {
                alert('Failed because: ' + message);
            }
        }
    }
};

app.initialize();


运行：

点击按钮，显示相册，选择图片

图片被添加到页面上



注意：

返回base64编码字符串是没有data:image/jpeg;base64,头部的！！！







示例二：

使用camera插件，打开摄像头拍照，返回照片的文件路径，并显示在页面上

index.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>Hello World</title>
    <style>
        .line {
            padding: 5px;
        }
        #myImage {
            height: 200px;
        }
    </style>
</head>
<body>
<div class="app">
    <div class="line"><button id="openLabrary">按钮</button></div>
    <div class="line"><img id="myImage"></img></div>
    <div class="line"><span id="text"></span></div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>

 

 

index.js：

var app = {
   initialize: function() {
      document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
   },
   onDeviceReady: function() {
      this.receivedEvent();
   },
   $$: function(id) {
      return document.getElementById(id);
   },
   receivedEvent: function() {
      var getDomLabrary = this.$$('openLabrary');
      var _this = this;
      getDomLabrary.onclick = function() {
         // 打开图片库
         navigator.camera.getPicture(onSuccess, onFail, {
            quality: 50,                                            // 相片质量是50
            sourceType: Camera.PictureSourceType.Camera,            // 设置从摄像头拍照获取
            destinationType: Camera.DestinationType.FILE_URI        // 以文件路径返回
         });

         function onSuccess(imageURI) {
             console.log(imageURI)
             _this.$$('myImage').src = imageURI;
             _this.$$('text').innerHTML = imageURI.substr(imageURI.lastIndexOf('/')+1);
         }

         function onFail(message) {
            alert('Failed because: ' + message);
         }
      }
   }
};

app.initialize();

 

运行：

点击按钮，打开照相机

拍照后会显示一个扣扣，点击扣扣确认拍下的照片


显示图片到页面上


 

备注：

camera插件获取了拍照的图片的文件路径并返回



 

 

续上：

通过返回的图片文件路径，获取到图片的base64编码字符串

使用这个函数就可以把图片转成base64

   // 把图片转成base64
   convertImgToBase64(url, callback, outputFormat) {
      var canvas = document.createElement('CANVAS'),
         ctx = canvas.getContext('2d'),
         img = new Image;
      img.crossOrigin = 'Anonymous';
      img.onload = function() {
         canvas.height = img.height;
         canvas.width = img.width;
         ctx.drawImage(img, 0, 0);
         var dataURL = canvas.toDataURL(outputFormat || 'image/png');
         callback.call(this, dataURL);
         canvas = null;
      };
      img.src = url;
   }

 

index.js：

var app = {
   initialize: function() {
      document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
   },
   onDeviceReady: function() {
      this.receivedEvent();
   },
   $$: function(id) {
      return document.getElementById(id);
   },
   receivedEvent: function() {
      var getDomLabrary = this.$$('openLabrary');
      var _this = this;
      getDomLabrary.onclick = function() {
         // 打开图片库
         navigator.camera.getPicture(onSuccess, onFail, {
            quality: 50,                                            // 相片质量是50
            sourceType: Camera.PictureSourceType.Camera,            // 设置摄像头拍照获取
            destinationType: Camera.DestinationType.FILE_URI        // 以文件路径返回
         });

         function onSuccess(imageURI) {
            console.log(imageURI)
            _this.$$('myImage').src = imageURI;
                _this.$$('text').innerHTML = imageURI.substr(imageURI.lastIndexOf('/')+1);

            // 转base64
            _this.convertImgToBase64(imageURI, function(base64Img) {
               console.log(base64Img)
            });
         }

         function onFail(message) {
            alert('Failed because: ' + message);
         }
      }
   },
   // 把图片转成base64
   convertImgToBase64(url, callback, outputFormat) {
      var canvas = document.createElement('CANVAS'),
         ctx = canvas.getContext('2d'),
         img = new Image;
      img.crossOrigin = 'Anonymous';
      img.onload = function() {
         canvas.height = img.height;
         canvas.width = img.width;
         ctx.drawImage(img, 0, 0);
         var dataURL = canvas.toDataURL(outputFormat || 'image/png');
         callback.call(this, dataURL);
         canvas = null;
      };
      img.src = url;
   }
};

app.initialize();

 

注意：

拿到的base64编码字符串是有data:image/png;base64,头部的！！！



 

 

小结：

提供以上2种方法，获取base64编码字符串。

区别：

第1种方法获取的base64编码字符串没有data:image/png;base64,头部

第2种方法获取的base64编码字符串有data:image/png;base64,头部

第2种方法还拿到了文件名。

 

 

 

 

 

示例三：

从图库中获取图片，返回图片在系统中的路径

index.html：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <title>Hello World</title>
    </head>
    <body>
        <div class="app">
            <button id="openLabrary">按钮</button>
            <img id="myImage" style="height: 200px;"></img>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

 

 

index.js：

var app = {
    // Application Constructor
    initialize: function() {
        document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
    },
    // deviceready Event Handler
    //
    // Bind any cordova events here. Common events are:
    // 'pause', 'resume', etc.
    onDeviceReady: function() {
        this.receivedEvent();
    },
    $$: function(id) {
        return document.getElementById(id);
    },
    receivedEvent: function(){
        var getDomLabrary = this.$$('openLabrary');
        getDomLabrary.onclick = function(){
            // 打开图片库
            navigator.camera.getPicture(onSuccess, onFail, {
                quality: 50,					// 相片质量是50
                sourceType : Camera.PictureSourceType.SAVEDPHOTOALBUM,	// 设置从图片库获取
                destinationType: Camera.DestinationType.FILE_URI	// 以文件路径返回
            });
            function onSuccess(imageURI) {
                 console.log(imageURI)
		_this.$$('myImage').src = imageURI;
            }
            function onFail(message) {
                alert('Failed because: ' + message);
            }
        }
    }
};

app.initialize();

 

运行：

点击按钮，打开图片库，选择图片，显示


 

 

 

续上：结合使用FileTransfer插件上传图片

 index.js： 

var app = {
    initialize: function() {
        document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
    },
    onDeviceReady: function() {
        this.receivedEvent();
    },
    $$: function(id) {
        return document.getElementById(id);
    },
    receivedEvent: function(){
        var getDomLabrary = this.$$('openLabrary');
        var _this = this;
        getDomLabrary.onclick = function(){
            // 打开图片库
            navigator.camera.getPicture(onSuccess, onFail, {
                quality: 50,                                            // 相片质量是50
                sourceType : Camera.PictureSourceType.SAVEDPHOTOALBUM,  // 设置从图片库获取
                destinationType: Camera.DestinationType.FILE_URI        // 以文件路径返回
            });
            function onSuccess(imageURI) {
                console.log(imageURI)
                _this.$$('myImage').src = imageURI;

                // 上传
                _this.upLoadImg(imageURI);
            }
            function onFail(message) {
                alert('Failed because: ' + message);
            }
        }
    },
    // file-Transfer插件，上传图片文件
    upLoadImg(imageURI){
        var options = new FileUploadOptions();
        options.chunkedMode = false;
        options.fileKey = "file";
        options.fileName = imageURI.substring(imageURI.lastIndexOf('/')+1);
        options.mimeType = "image/jpeg";
        options.httpMethod = "POST";
        console.log("options=======");
        console.log(options);

        var fileTransfer = new FileTransfer();
        var successCallback = function(r){
            console.log("Code = " + r.responseCode);
            console.log("Response = " + r.response);
            console.log("Sent = " + r.bytesSent);
        }
        var errorCallback = function (error) {
            console.log("An error has occurred: Code = " + error.code);
            console.log("upload error source " + error.source);
            console.log("upload error target " + error.target);
        }
        fileTransfer.upload(
                    imageURI,   //本地文件路径
                    encodeURI("http:\/\/10.1.10.53:8089/oss/UploadServlet"),  //服务器上传的路径
                    successCallback,  //成功的回调
                    errorCallback,    //失败的回调
                    options);         //配置项
    }
};

app.initialize();


运行：

点击按钮，打开图片库，选择图片，显示

上传成功

 

备注：

这个上传的服务器路径：

var SERVER = "http://10.1.10.53:8089/oss/UploadServlet"

使用了一个.jsp文件写成的



需要查看fileTransfer插件的使用方法，可以点击下面链接

http://blog.csdn.net/michael_ouyang/article/details/75305119

michael_ouyang
关注
专栏目录
cordova-plugin-camera相机插件使用
天马3798
02-05 6150
一、cordova-plugin-camera提供照相机API与设备相机进行交互。 通过API我们可以拍摄或访问照片库中的照片，返回图片的base64编码字符串或者图片的url文件路径。 二.安装命令： cordova plugin add cordova-plugin-camera 官当文档： http://cordova.apache.org/docs/en/latest/refer
Camera插件用法
weixin_57762627的博客
11-08 139
第一步：把该插件所需css和js引用 Css js 第二步：写个类名为camera_wrap id名为camera_wrap_1的div 第三步：在camera_wrap类名的div中写几个div，并通过data-src，把图片链接写上 第四部：通过jquery实现我们效果 效果： 除了这些我们还可以通过一些属性来改变一些效果 首先是图片上的参数: data-src: 图片路径 data-link: ...
vue实现调用摄像头
最新发布
weixin_48433993的博客
08-12 352
目前跑了一下很有意思。
Using the Cordova Camera API
weixin_33889665的博客
06-05 110
使用ionic开发一款android或ios应用，估计少不了使用到Camera API，这里记录下使用过程。 创建空的ionic应用 ionic start myTabs tabs 通过cd demo命令，可以看到已经为我们创建了多个文件夹，如下所示： ls -l total 48 -rw-r--r-- 1 nancy staff 2786 6 5 01:14 README.md -rw...
cordova-plugin-camera插件
churui8119的博客
11-08 242
控制器注入$scope，$ionicActionSheet，$timeout，$ionicLoading /********************************************************************************************...
cordova-plugin-camera使用以及注意事项
weixin_41114637的博客
11-06 1950
1、cordova-plugin-camera使用 首先添加插件 ：cordova plugin add cordova-plugin-camera 查看插件命令：cordova plugin ls 在需要的js中添加插件使用： document.addEventListener("devi...
vue调用cordova 插件_Vue.js 使用cordova camera插件调取相机
weixin_29088655的博客
12-24 1210
本文给出在vue.js里如何使用cordova的插件完成调取相机及图库，并完成图片上传的操作。具体的操作步骤如下第一步：在cordova项目下安装cordova-plugin-camera插件cordova plugin add cordova-plugin-camera第二步：在需要调取相机的地方，加入相关的代码cameraTakePicture: function (mySourceType)...
Android版cordova人脸识别插件
11-19
本文将深入探讨一个特定的 Android 版 Cordova 插件——人脸识别插件，以及如何在实际项目中使用它。 首先，让我们理解人脸识别技术的基本原理。人脸识别是一种生物特征识别技术，它基于人的面部特征信息进行身份...
cordova-camera-app:使用示例修改cordova-plugin-media-capture
07-09
**科尔多瓦相机应用程序——基于JavaScript的媒体捕获插件使用详解** 在移动应用开发领域，Cordova是一款广泛使用的框架，它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。Cordova通过插件系统扩展了...
cordova学习3——模拟器运行+拍照+定位
kinding的博客
07-24 1904
模拟器运行：     打开android studio      点击Tools——&gt;Android——&gt;AVD Manage——&gt;点击三角符号启动     若没有新建过Virtual Device,请先进行新建，配置自己需要的各种配置     具体请参照：https://developer.android.google.cn/studio/run/emulator      ...
cordova-plugin-camera：Apache Cordova插件相机
02-03
标题 描述 相机 用设备相机拍照。 AppVeyor 特拉维斯CI 科尔多瓦插件相机 该插件定义了一个全局的navigator.camera对象，该对象提供了一个用于拍照和从系统图像库中选择图像的API。 尽管对象已附加到全局范围的navigator ，但直到deviceready事件之后该对象deviceready 。 document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { console.log(navigator.camera); } 安装 这需要
cordova-plugin-camera-preview：Cordova插件，允许通过HTML代码进行摄像机交互
02-04
科尔多瓦插件相机预览 Cordova插件，允许通过Javascript和HTML进行相机交互 在适当的时候，发布会保持最新状态。 但是，此插件正在不断开发中。 因此，建议使用master来始终具有最新的修补程序和功能。 公关非常感激。 产品特点 从HTML代码开始摄像头预览 拍摄照片和快照 维持HTML互动性 拖动预览框 设置相机色彩效果 将预览框发送到HTML内容的后面 设置相机预览框的自定义位置 设置预览框的自定义尺寸 为预览框设置自定义Alpha 设置聚焦模式，缩放，色彩效果，曝光模式，白平衡模式和曝光补偿 点按即可聚焦 录制影片 安装 根据您使用的框架，使用下面列出的任何一种安装
cordova-camera-plugin:科尔多瓦的自定义插件
06-13
科尔多瓦插件相机 要安装此插件，请遵循。 如果您不使用 Cordova 命令行界面，请遵循。
angular/ionic的相机插件cordova-plugin-camera-5.0.1
12-20
cordova-plugin-camera-5.0.1
Cordova插件集合、平台搭建及apk安装
weixin_44228861的博客
04-07 562
Cordova插件（打开命令窗口下载） 创建平台：cordova create XX com.XX 可取中文名 添加Android平台支持：cordova platform add android 添加插件：cordova plugin add 插件名 插件 cordova-plugin-app-version 获取当前应用的版本号 cordova-plugin-geol...
cordova学习笔记_cordova插件的使用(camera)
Chailyn的博客
06-13 2531
之前一篇简单的介绍了项目的创建现在来看一下，cordova的插件如何使用。添加cordova的插件就可以调用手机原生的一些功能或者控件。 首先添加相机插件：cordova plugin add cordova-plugin-camera 具体如何使用呢？ <div class="app"> <div class="divUpload"> <input type="
cordova-plugin-camera-preview插件的安装与使用，解决toBack不起作用的问题
weixin_42291811的博客
08-23 969
cordova-plugin-camera-preview插件的使用方法cordova-plugin-camera-preview插件的安装与使用，解决toBack不起作用的问题一、插件安装二、插件使用1. 在tab4中使用插件，在tab4.ts文件中1） 引入插件2） 实例化2. 在src/theme/variables.scss文件最后3. 如果仅仅是在tab4页面中使用此插件，而在其它页面不显示，需设置其它（tab1、tab2、tab3）页面的scss文件，使其它页面的背景颜色设置为白色，如ta
Cordova Camera 插件使用教程
gitblog_00259的博客
08-07 267
Cordova Camera 插件使用教程 cordova-plugin-cameraApache Cordova Plugin camera项目地址:https://gitcode.com/gh_mirrors/co/cordova-plugin-camera 目录结构及介绍 Cordova Camera 插件的 GitHub 仓库（https://github.com/apache/cord...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值