微信小程序实现人脸识别

本文为大家分享了微信小程序人脸识别的具体代码，供大家参考，具体内容如下

首先，我们要有开发者工具，今天所说的是后端和前端联合起来实现的。

在PHP的控制器中写一个upload方法，代码如下：

public function upload($id=''){
 if(empty($id)){
  return false;
 } 

 $no = M("student")->where("id={$id}")->getField('no');
 $dir = "./Upload/studentface/";
 if(!file_exists($dir)){
  mkdir($dir, 0777, true);
 }
 $upload = new \Think\Upload();// 实例化上传类
 $upload->maxSize = 3145728 ;// 设置附件上传大小
 $upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
 $upload->rootPath = $dir; // 设置附件上传根目录
 $upload->savePath = ''; // 设置附件上传（子）目录
 $upload->saveName = $no;
 $upload->replace = true;
 $upload->autoSub = false;
 // 上传文件
 $info = $upload->uploadOne($_FILES['file']);
 if(!$info) {// 上传错误提示错误信息
  // return $this->ajaxReturn(array('error'=>true,'msg'=>$upload->getError()));
  return json_encode(array('error'=>true,'msg'=>$upload->getError()),JSON_UNESCAPED_UNICODE);
 }else{// 上传成功 获取上传文件信息
  // return $this->ajaxReturn(array('error'=>false,'msg'=>$info['savepath'].$info['savename'],'id'=>$id));
  $file = $dir . $info['savepath'] . $info['savename'];
  $image = base64_encode(file_get_contents($file));
  $this->facevalid($no,$image); 

  $m = M('head');
  $data = $m->where("no='{$no}'")->find(); 

  if($data){
  //有数据，则更新
  $m->where("no='{$no}'")->save(array('base64'=>$image, 'path'=>$file));
  }else{
  $m->add(array('no'=>$no,'base64'=>$image,'path'=>$file));
  } 

  return "采集照片成功";
 }
} 

public function facevalid($no,$image,$file){ 

 $options = array(); 

 $options["max_face_num"] = 2;
 // $options["face_type"] = "LIVE"; 

 // $image=file_get_contents($file);
 // $image=base64_encode($image);
 // echo $image;
 $imageType="BASE64"; 

 // 带参数调用人脸检测
 $client=$this->init_face();
 $ret=$client->detect($image,$imageType,$options);
 // $arr=$ret;
 // print_r($ret);
 // exit;
 if($ret['error_code']==0){//有人脸
  $result=$ret['result'];
  $face_num=$result['face_num']; 

  if(1==$face_num){//人脸数量为1
  $face_probability=$result['face_list'][0]['face_probability'];
  if(1==$face_probability){//可靠性为1
   $group=$this->face_group(); 

   // echo $group;
   // exit;
   $faces=$client->faceGetlist($no,$group);
   if($faces['error_code']>0){
   $client->addUser($image,'BASE64',$group,$no);
   }else{
   $client->updateUser($image,'BASE64',$group,$no);
   }
   // echo '人脸检测完成，并已入库';
   // return true;
   // $arr = array('error'=>false,'msg'=>'上传成功'); 

  }else{
  die('图片质量');
   // die('图片质量仅为:'.$face_probability.',上传失败');
  }
  }else{
  die('人脸数量大于1');
  // die('人脸数量大于1，失败');
  }
 }else{
  die('没有人脸');
  // die('没有人脸，失败');
 }
 } 

在前端我们需要在开发者工具里写js和wxml.

js代码如下：

const app = getApp()
Page({
 data: {
 sex: '女',
 empty:true
 },
 cancel: function () {
 wx.redirectTo({
 url: '../face/face',
 })
 }, 

 switch1Change: function (e) {
 if (e.detail.value) {
 this.setData({ sex: '男' })
 } else {
 this.setData({ sex: '女' })
 }
 },
 formSubmit: function (e) {
 // console.log(e);
 wx.request({
 url: 'http://*****.top/ppp/server/index.php/home/index/index',
 data: e.detail.value,
 method: 'POST',
 header: {
 'content-type': 'application/x-www-form-urlencoded'
 },
 success: (res) => {
 console.log(res.data); 

 if (res.data.error) {
  wx.showToast({
  title: res.data.msg,
  icon: 'none',
  duration: 2000
  })
 } else {
  wx.showToast({
  title: res.data.msg,
  icon: 'success',
  duration: 2000
  }) 

  setTimeout(function () {
  wx.navigateTo({
  url: '../headimg/headimg?id=' + res.data.id,
  })
  }, 2000) 

 } 

 } 

 }) 

 } 

}) 

上传图片js代码如下：

const app = getApp()
function upload(that, id) {
 if (that.data.files.length == 0) {
 return;
 }
 wx.uploadFile({
 url: 'http://****.top/ppp/server/index.php/home/index/upload', //仅为示例，非真实的接口地址
 filePath: that.data.files[0],
 name: 'file',
 formData: {
 'id': id
 },
 success: function (res) {
 var data = res.data
 // var json = JSON.parse(data)
 console.log(data)
 wx.showToast({
 title: data,
 icon:'success',
 duration:2000
 })
 setTimeout(function () {
 wx.navigateTo({
  url: '../index/index',
 })
 }, 2000)
 }
 })
}
Page({
 chooseImage: function (e) {
 var that = this;
 wx.chooseImage({
 count: 1,
 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
 success: function (res) {
 console.log(res)
 // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
 that.setData({
  files: res.tempFilePaths,
 });
 }
 })
 },
 //预览照片
 previewImage: function () {
 var current = e.target.dataset.src
 wx.previewImage({
 current: current,
 urls: this.data.imageList
 })
 }, 

 cancel:function(){
 wx.redirectTo({
 url: '../index/index',
 })
 },
 /**
 * 页面的初始数据
 */
 data: {
 files: [],
 options:null,
 id:null,
 },
 formSubmit:function(e){
 upload(this,this.data.id);
 },
 /**
 * 生命周期函数--监听页面加载
 */
 onLoad: function (options) {
 console.log(options);
 this.setData({options:options})
 this.setData({ id: options.id })
 }, 

 /**
 * 生命周期函数--监听页面初次渲染完成
 */
 onReady: function () { 

 }, 

 /**
 * 生命周期函数--监听页面显示
 */
 onShow: function () { 

 }, 

 /**
 * 生命周期函数--监听页面隐藏
 */
 onHide: function () { 

 }, 

 /**
 * 生命周期函数--监听页面卸载
 */
 onUnload: function () { 

 }, 

 /**
 * 页面相关事件处理函数--监听用户下拉动作
 */
 onPullDownRefresh: function () { 

 }, 

 /**
 * 页面上拉触底事件的处理函数
 */
 onReachBottom: function () { 

 }, 

 /**
 * 用户点击右上角分享
 */
 onShareAppMessage: function () { 

 }
})

wxml代码如下：

<view class="weui-cells__title text">录入学生信息</view>
<form bindsubmit="formSubmit">
 <view class="weui-cells weui-cells_after-title">
 <view class="weui-cell weui-cell_input">
 <view class="weui-cell__hd">
  <view class="weui-label">学号</view>
 </view>
 <view class="weui-cell__bd">
  <input class="weui-input" placeholder="请输入学号" value='1635050739' name="no" />
 </view>
 </view>
 <view class="weui-cell weui-cell_input weui-cell_vcode">
 <view class="weui-cell__hd">
  <view class="weui-label">姓名</view>
 </view>
 <view class="weui-cell__bd">
  <input class="weui-input" placeholder="请输入姓名" value='小苏' name="name" />
 </view>
 </view>
 <view class="weui-cell weui-cell_input">
 <view class="weui-label">性别</view>
 <input class="weui-input" name='sex' value='{{sex}}'/>
 <view class='weui-cell_ft'>
  <switch checked bindchange='switch1Change'></switch>
 </view>
 </view>
 <view class="weui-cell weui-cell_input weui-cell_vcode">
 <view class="weui-cell__hd">
  <view class="weui-label">年龄</view>
 </view>
 <view class="weui-cell__bd">
  <input class="weui-input" placeholder="请输入年龄" value='20' name="age" />
 </view>
 </view>
 </view>
 <view class="weui-btn-area">
 <button class="weui-btn" type="primary" bindtap="showTopTips" formType="submit">注册</button>
 <button class="weui-btn" type="default" bindtap='cancel'>返回上级</button>
 </view>
</form> 

上传图片wxml代码如下：

<view class="page" xmlns:wx="http://www.w3.org/1999/xhtml">
<view class="weui-cells__title text">图像采集</view>
<view class="weui-cells__title text">{{options.name}} {{options.no}}</view>
<form bindsubmit="formSubmit">
<view class="page__bd">
 <view class="weui-cells">
  <view class="weui-cell">
  <view class="weui-cell__bd">
   <view class="weui-uploader">
   <view class="weui-uploader__hd">
    <view class="weui-uploader__title">图片上传</view>
    <view class="weui-uploader__info">{{files.length}}/1</view>
   </view>
   <view class="weui-uploader__bd">
    <view class="weui-uploader__files" id="uploaderFiles">
    <block wx:for="{{files}}" wx:key="*this">
     <view class="weui-uploader__file" bindtap="previewImage" id="{{item}}">
     <image class="weui-uploader__img" src="{{item}}" mode="aspectFill"/>
     </view>
    </block>
    </view>
    <view class="weui-uploader__input-box">
    <view class="weui-uploader__input" bindtap="chooseImage"></view>
    </view>
   </view>
   </view>
  </view>
  </view>
 </view>
 </view>
 <view class="weui-btn-area">
  <button class="weui-btn" type="primary" form-type="submit">确认</button>
  <button class="weui-btn" type="default" bindtap='cancel'>取消</button>
 </view>
 </form>
</view> 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。