微信小程序如何實(shí)現(xiàn)使用前置攝像頭拍照

<template>
 <view title="拍照">
 <camera v-if="openCamera" device-position="front" frame-size="large" class="zipai" @error="error"> </camera>
 <cover-image src="/static/image/renzheng_zz.png" class="zhezhao"></cover-image>
 <cover-view class="wenzi fint34">請(qǐng)將正面人臉放在識(shí)別框中，進(jìn)行拍攝</cover-view>
 <cover-image class="paizhao" src="/static/image/renzheng_pz.png" @click="takePhoto"></cover-image>
 </view>
</template>
 
<script>
 export default {
 data() {
  return {
  openCamera:true
  }
 },
 
 methods: {
  takePhoto() {
  const ctx = wx.createCameraContext()
  ctx.takePhoto({
   quality: 'high',
   success: (res) => {
   let tempFilePath = res.tempImagePath
   uni.navigateTo({
    url:'/pages/renzhengwxtu/renzhengwxtu&#63;src='+tempFilePath
   })
   }
  })
  },
  //用戶拒絕授權(quán)攝像頭
  error(e) {
  this.openCamera=false
  wx.showModal({
   title: '警告',
   content: '若不授權(quán)使用攝像頭，將無法使用拍照功能！',
   cancelText: '不授權(quán)',
   cancelColor: '#1ba9ba',
   confirmText: '授權(quán)',
   confirmColor: '#1ba9ba',
   success:(res)=> {
   if (res.confirm) {//允許打開授權(quán)頁(yè)面
    //調(diào)起客戶端小程序設(shè)置界面，返回用戶設(shè)置的操作結(jié)果
    wx.openSetting({
    success:(res)=> {
     res.authSetting = {
     "scope.camera": true
     }
     this.openCamera=true
    },
    })
   } else if (res.cancel) {//拒絕打開授權(quán)頁(yè)面
    wx.navigateBack({delta:1})
   }
   }
  })
  },
  
 }
 }
</script>

<template>
 <view title="預(yù)覽圖片">
 <image mode="widthFix" :src="src" class="renlian"></image>
 <view class="btns">
  <text @click="takePhoto">重拍</text>
  <text @click="usePhoto">使用照片</text>
 </view>
 </view>
</template>
 
<script>
 export default {
 data() {
  return {
  src: '',
  timeId:null,
  }
 },
 onLoad(option) {
  this.src=option.src
 },
 onHide() {
  clearTimeout(this.timeId);
  this.timeId=null;
 },
 methods: {
  takePhoto() {
  uni.navigateBack({delta: 1});
  },
  usePhoto() {
  this.$request.uploadFileMinipro(this.src,this.retoRenzheng);
  },
  retoRenzheng(){
  this.timeId=setTimeout(()=>{
   var pages = getCurrentPages();
   var prevPage = pages[pages.length - 3]; //上一個(gè)頁(yè)面
   prevPage.fromTu= true;
   uni.navigateBack({delta: 2});
  },200);
  },
 }
 }
</script>

// uploadFileMinipro
function uploadFileMinipro(tempFilePath,callback){
 // 1.2 上傳頭像
 let uin =common.getGlobalUserInfo().id;
 let reurl=common.ip;
 uni.uploadFile({
 url: reurl,
 filePath: tempFilePath,
 name: "file",
 formData:{uin:uin},
 success:(res)=>{
  console.log("res=",res);
  // 注意，這里獲得是一個(gè)string，需要轉(zhuǎn)換一下
  let resData = JSON.parse(res.data);
  if (resData.status == 1) {//<=0:人工返回的錯(cuò)誤信息
  setErrorMessage("上傳成功");
  if (typeof callback === "function"){
   callback();//刷新當(dāng)前頁(yè)面
  }
  
  } else if (resData.status < 1) {
   setErrorMessage(resData.msg)
  } else {
   setErrorMessage()
  }
 },
 fail:(res)=>{
  console.log("上傳失敗");
 },
 });
}