微信小程序如何实现使用前置摄像头拍照-创新互联

今天就跟大家聊聊有关微信小程序如何实现使用前置摄像头拍照，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联公司是一家集网站建设,晋州企业网站建设,晋州品牌网站建设,网站定制,晋州网站建设报价,网络营销,网络优化,晋州网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

微信小程序使用前置摄像头拍照的具体代码，供大家参考，具体内容如下

1、拍照页面：

<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">请将正面人脸放在识别框中，进行拍摄</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
   })
   }
  })
  },
  //用户拒绝授权摄像头
  error(e) {
  this.openCamera=false
  wx.showModal({
   title: '警告',
   content: '若不授权使用摄像头，将无法使用拍照功能！',
   cancelText: '不授权',
   cancelColor: '#1ba9ba',
   confirmText: '授权',
   confirmColor: '#1ba9ba',
   success:(res)=> {
   if (res.confirm) {//允许打开授权页面
    //调起客户端小程序设置界面，返回用户设置的操作结果
    wx.openSetting({
    success:(res)=> {
     res.authSetting = {
     "scope.camera": true
     }
     this.openCamera=true
    },
    })
   } else if (res.cancel) {//拒绝打开授权页面
    wx.navigateBack({delta:1})
   }
   }
  })
  },
  
 }
 }
</script>