小程序camera直接调用前置摄像头拍照用户权限处理实例
概述
详细
demo比较简单,主要是获取权限,用户拒绝授权显示弹窗,点击弹窗进入授权,返回后继续验证是否授权,成功授权重新调用camera,未授权继续显示弹窗。
文件结构:
项目演示:
部分代码:
<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>