Cordova项目调用摄像头

  1. 在cordova根目录下安装摄像头插件,使用命令

cordova plugin add cordova-plugin-camera

  1. 在index.html中引入
 <script type="text/javascript" src="cordova.js"></script>

在这里插入图片描述

  1. 在需要使用调用摄像机的地方使用下面方法
getCamera () {
	//打开照相机
	navigator.camera.getPicture(this.success,this.fail, {
		quality: 50, //像素质量[0,100]
		//布尔值,照片在返回Cordova应用之前用户是否可以编辑,但并不是所有移动平台都支持。
		destinationType:true, 
		//数值型,指明图像输出格式。Camera.EncodingType.JPEG让API返回JPEG图像
		encodingType: Camera.EncodingType.JPEG, 
		/* sourceType :1. PHOTOLIBRARY 或 0 打开照片库。
      2.CAMERA 或 1 打开本机相机。
      3.SAVEDPHOTOALBUM 或 2 打开已保存的相册。 */
		sourceType:1,
		destinationType: Camera.DestinationType.FILE_URI 
	});
},
success(imageURL){
	console.log(imageURL)
	alert('打开成功')
},
fail(message){
	console.log(imageURL)
	alert('打开失败')
},	

success和fail方法分别是调取成功和失败的回调函数。
第三个参数是配置项。
在这里插入图片描述

  1. 重新打包项目npm run build到www目录下
  2. cordova根目录下刷新cordova prepare
  3. 重启在这里插入图片描述
    注:cordova和vue项目的具体结合使用方法请移步本人博文《Cordova+vue项目Andriod(apk)应用》
    https://blog.csdn.net/qq_40544434/article/details/112271557
  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值