作者简介:大家好我是,励志成为全栈工程师的一枚程序猿,也是喜欢在学习和开发中记录笔记的小白博主!
??个人主页:的主页
??系列专栏:uniapp前端
??如果觉得博主的文章还不错的话,请点赞??+收藏+留言??支持一下博主哦??
本篇文章是借助微信小程序平台,添加人脸采集的功能,你看上面的漂亮姐姐有什么理由不去采集一下她的人脸呢。???
开发环境:
开发框架:uniapp
开发平台:微信小程序
标签和样式先上:
标签:
<template>
<view class="page-content">
<view class="containerV">
<view class="headerV">
<view class="top-tips1">
<view>请将正对手机,头部匹配摄像区域</view>
</view>
<view class="top-tips2">
为了捍卫你的不要脸,请拍摄本人头像
</view>
</view>
<view class="contentV">
<view class="mark"></view>
<image v-if="tempImg" mode="widthFix" :src="tempImg" />
<camera v-if='isAuthCamera' :device-position="devicePosition ?'front': 'back'" class="camera"
flash="off" resolution='high' />
<view v-show="!tempImg && tipsText" class="tipV">{
{ tipsText }}</view>
</view>
<view class="footerV">
<view style="width: 100%;">
<view v-if="!tempImg" style="width: 100%;">
<view class="privacyV">
<view class="icon"></view>
<view class="text">
照片隐私<text @click="handleJumpSecurityClick">安全保障</text>中…
</view>
</view>
<view class="bottom-tips-2">该照片作为你不要脸的铁证</view>
<view class="take-photo-bgV">
<!-- 图片上传 -->
<v