小程序camera直接调用前置摄像头拍照用户权限处理实例

发布时间:2022-03-14
技术:小程序

概述

camera直接调用前置摄像头拍照,参考小程序文档实现,主要是处理用户拒绝授权、授权成功后返回系统显示问题

详细

demo比较简单,主要是获取权限,用户拒绝授权显示弹窗,点击弹窗进入授权,返回后继续验证是否授权,成功授权重新调用camera,未授权继续显示弹窗。

文件结构:

image.png

项目演示:

1645189716632.gif


部分代码:

<view class="page-body">

<view class="page-body-wrapper">

<!-- front 前置 -->

<!-- back 后置 -->

<camera wx:if="{{cameraStatus}}" device-position="back" flash="off" binderror="error" style="width: 100%; height: 100vh"

     bindinitdone="bindinitdone"></camera>

<view class="btn-area">

<button type="primary" bindtap="takePhoto">拍照</button>

</view>

<!-- start 拒绝授权 -->

<view class="mask {{openSetingStatus}}">

<view class="phoneNumberAuthorization">

<view class="t1" style="margin: 0 auto;padding-bottom: 38rpx;">

未授权无法拍照,请前往勾

<text>选设置-摄像头</text>

</view>

<view class="btns">

<button open-type="openSetting" bindopensetting="openSetting" class="setingBtn">去设置</button>

</view>

</view>

</view>

<!-- end 拒绝授权 -->

</view>

</view>


本实例支付的费用只是购买源码的费用,如有疑问欢迎在文末留言交流,如需作者在线代码指导、定制等,在作者开启付费服务后,可以点击“购买服务”进行实时联系,请知悉,谢谢
手机上随时阅读、收藏该文章 ?请扫下方二维码