小程序摄像头二次授权

你的名字 2022-12-22 09:23 146阅读 0赞

**html：**

<camera wx:if="{
       {cameraStatus}}" class='camera' style="width:100%;height:{
       {caremaHeight}}px;" device-position="front" flash="off" binderror="error"></camera> 
    
    
    <view class="mask {
       {openSetingStatus}}">
      <view class="phoneNumberAuthorization">
        <view class="t1" style="width: 500rpx;margin: 0 auto;padding-bottom: 38rpx;">
          未授权无法拍照，请前往勾
          <text>选设置-摄像头</text>
        </view>
        <view class="btns">
          <view class="refuseTel" bindtap="onRefuseSeting">取消</view>
          <button open-type="openSetting" bindopensetting="openSetting" class="setingBtn">设置</button>
        </view>
      </view>
    </view>

**js：**

data：{
    
    openSetingStatus:'hide',
    
    cameraStatus:true,
    
    }

//用户拒绝摄像头授权
      error(e) {
        console.log("用户拒绝授权相机",e.detail)
        this.setData({
          openSetingStatus:'show'
        })
      },
    
      //设置
      openSetting:function(res){
        let that = this;
        console.log("openSetting里的res.detail.authSetting",res.detail.authSetting["scope.camera"]);
        if(!!(res.detail.authSetting["scope.camera"])){
          console.info("用户允许使用摄像头");
          that.setData({
            openSetingStatus:'hide',
            cameraStatus:false
          },function(){
            setTimeout(function(){
              that.setData({
                cameraStatus:true
              })
            },1000)        
          })
        }else{
          console.info("用户不允许使用摄像头")
          that.setData({
            openSetingStatus:'show'
          })
        }
      }