微信小程序怎么实现人脸识别

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

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

在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>

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

微信小程序中跳转页面的两种方法

微信小程序实现登录页云层漂浮的动画效果

以上就是微信小程序怎么实现人脸识别的详细内容，更多内容请关注技术你好其它相关文章！