微信小程序：camera组件使用。系统相机

wxml文件中。

<camera wx:if="{{isAuth}}" device-position="back" flash="off" binderror="error" style="width: 100%; height: 90%;"></camera>

调用系统相机首先需要授权。camera.js中。

代码如下：

/*** 生命周期函数--监听页面加载*/onLoad: function (options) {const _this = thiswx.getSetting({success: res => {if (res.authSetting['scope.camera']) {// 用户已经授权_this.setData({isAuth: true})} else {// 用户还没有授权，向用户发起授权请求wx.authorize({scope: 'scope.camera',success() { // 用户同意授权_this.setData({isAuth: true})},fail() { // 用户不同意授权_this.openSetting().then(res => {_this.setData({isAuth: true})})}})}},fail: res => {console.log('获取用户授权信息失败')}})},// 打开授权设置界面openSetting() {const _this = thislet promise = new Promise((resolve, reject) => {wx.showModal({title: '授权',content: '请先授权获取摄像头权限',success(res) {if (res.confirm) {wx.openSetting({success(res) {if (res.authSetting['scope.camera']) { // 用户打开了授权开关resolve(true)} else { // 用户没有打开授权开关， 继续打开设置页面}},fail(res) {console.log(res)}})} else if (res.cancel) { //用户取消了。继续提示弹出dialog，让用户授权。会死循环}}})})return promise;},

授权之后，点击拍照按钮，进行拍照。拍照代码如下：

takePhoto() {var that = thisconst ctx = wx.createCameraContext()ctx.takePhoto({quality: 'high', success: (res) => {this.setData({src: res.tempImagePath}),console.log(res.tempImagePath);wx.navigateTo({url: '../yulan/yulan?src=' + res.tempImagePath,})}})},

微信小程序：camera组件使用。系统相机相关推荐

微信小程序地图组件和相机组件实现基于location的AR效果的尝试（失败）
微信小程序地图组件和相机组件实现基于location的AR效果的尝试(失败) 最近无论AR还是微信小程序都是炒的火热.微信小程序的特点便是"无需安装,用完即走",而我们所说的AR用 ...
[附源码]计算机毕业设计springboot基于微信小程序的网络办公系统
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
（附源码）springboot基于微信小程序的校园外卖系统毕业设计091024
Springboot基于微信小程序的校园外卖系统摘要随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...
node.js基于微信小程序的外卖订餐系统 uniapp 小程序
美食是人类永恒的话题,无论是在古代还是现代人们对美食都有一种非常的热爱在里面,但是随着时代的发展,人们可能没有更多的时间去研究美食,很多时候人们在下班或者放学之后更希望通过网络来进行订餐,为此我开发了 ...
小白如何上手几款微信小程序UI组件库
文章目录 1. 环境信息 2. GO 2.1 新建项目 2.2 使用WeUI微信官方组件 2.21. 命令行进入该项目文件夹 2.22. npm初始化 2.23. npm安装该组件包 2.24.npm ...
微信小程序之组件 —— 微信小程序教程系列（19）
什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...
基于微信小程序的在线考试系统开题报告
本科生毕业论文基于微信小程序的在线考试系统开题报告学院: 专业: 计算机科学与技术年级: 学生姓名: 指导教师: XXXX大学本科生毕业论文(设计)开题报告书 ...
springboot基于微信小程序的校园外卖系统毕业设计源码091024
Springboot基于微信小程序的校园外卖系统摘要随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...
基于微信小程序在线电子书阅读系统开题报告
本科生毕业论文基于微信小程序在线电子书阅读系统开题报告学院: 专业: 计算机科学与技术年级: 学生姓名: 指导教师: XXXX大学本科生毕业论文(设计)开题报告 ...
计算机毕业设计之基于微信小程序的优惠券领取系统
一.技术介绍 1.管理员后端技术介绍前端使用html5+css3+js+bootstrop组件进行开发后端使用php语言进行开发数据库使用的是myql 开发运行工具使用的是notepad,php ...

微信小程序：camera组件使用。系统相机

微信小程序：camera组件使用。系统相机相关推荐

最新文章

热门文章