1. 程式人生 > >微信小程式之刷臉登入

微信小程式之刷臉登入

在camera.wxml中編寫程式碼如下:

<camera device-position="{{value}}" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera>
 <switch checked bindchange="switch1change" style="margin-top:5px;"></switch>
<button type="primary" bindtap="takePhoto" style="margin-top:5px;">刷臉登入</button>
<view>預覽</view>
<image mode="widthFix" src="{{src}}"></image>

在camera.js中編寫程式碼如下:

// pages/cream/cream.js
Page({

  /**
   * 頁面的初始資料
   */
  data: {
    value: '',
    src: ''
  },
  takePhoto() {
    const ctx = wx.createCameraContext()
    ctx.takePhoto({
      quality: 'high',
      success: (res) => {
        this.setData({
          src: res.tempImagePath
        })
        wx.showLoading({
          title: '正在核驗身份.....',
        })
        this.setData({ logindisabled: true });

        wx.uploadFile({
          url: '',
          filePath: res.tempImagePath,
          name: 'file',
          success: (res) => {
            wx.hideLoading();
            this.setData({ logindisabled: false });
            var data = res.data
            console.log(data);
            wx.showModal({
              title: '提示',
              content: data,
              showCancel: false
            })
          }
        })
      }
    })
  },
  error(e) {
    console.log(e.detail)
  },
  switch1change: function (e) {
    console.log(e)
    if (e.detail.value) {
      this.setData({ value: 'back' })
    } else {
      this.setData({ value: 'front' })
    }
  },
})

這樣在微信小程式中就編寫成功了,然後在控制器中編寫程式碼如下:

    //刷臉登入
    public function login(){
     $dir="./Uploads/temp/";
      if (!file_exists($dir)) {
        mkdir($dir,0777,true);
      }
      $upload = new \Think\Upload();// 例項化上傳類
      $upload->maxSize = 2048000 ;// 設定附件上傳大小
      $upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 設定附件上傳型別
      $upload->rootPath = $dir; // 設定附件上傳根目錄
      $upload->savePath = ''; // 設定附件上傳(子)目錄
      $upload->autoSub=false;
      //上傳檔案
      $info = $upload->uploadOne($_FILES['file']);
       if(!$info) {// 上傳錯誤提示錯誤資訊
      return $this->ajaxReturn(array('error'=>true,'msg'=>$upload->getError()),JSON_UNESCAPED_UNICODE);
    }else{
        // $this->ajaxReturn('上傳成功');
      $file=$dir.$info['savepath'].$info['savename'];
      $image=base64_encode(file_get_contents($file));
      $client=$this->face();
      $options['liveness_control']='NORMAL';
      $options['max_user_num']='1';
      $ret=$client->search($image,'BASE64',$this->face_group(),$options);
      // echo json_encode($ret,JSON_UNESCAPED_UNICODE);
      // exit;
      if ($ret['error_code']==0) {
        $user=$ret['result']['user_list'][0];
        $no=$user['user_id'];
        $score=$user['score'];
        
        if (!empty($no)) {
          $data=M('student')->field('no,name,sex')->where("no='{$no}'")->find();
          if ($data) {
            $data['score']=$score;
              echo json_encode($data,JSON_UNESCAPED_UNICODE);
              exit;
          }else{
            echo "本地資料庫沒有該學生,百度雲庫資訊:個人資訊:{$no},分值:{$score}";
          }
        }
      }else{
        echo "活體檢測失敗".json_encode($ret,JSON_UNESCAPED_UNICODE);
      }
    }
    }
這樣簡單的微信小程式刷臉認證就完成了