這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)人臉識別，實(shí)現(xiàn)添加信息和上傳照片功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文為大家分享了微信小程序人臉識別的具體代碼，供大家參考，具體內(nèi)容如下
首先，我們要有開發(fā)者工具，今天所說的是后端和前端聯(lián)合起來實(shí)現(xiàn)的。
在PHP的控制器中寫一個(gè)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();// 實(shí)例化上傳類
$upload->maxSize = 3145728 ;// 設(shè)置附件上傳大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類型
$upload->rootPath = $dir; // 設(shè)置附件上傳根目錄
$upload->savePath = ''; // 設(shè)置附件上傳（子）目錄
$upload->saveName = $no;
$upload->replace = true;
$upload->autoSub = false;
// 上傳文件
$info = $upload->uploadOne($_FILES['file']);
if(!$info) {// 上傳錯(cuò)誤提示錯(cuò)誤信息
// 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){
//有數(shù)據(jù)，則更新
$m->where("no='{$no}'")->save(array('base64'=>$image, 'path'=>$file));
}else{
$m->add(array('no'=>$no,'base64'=>$image,'path'=>$file));
}
return "采集照片成功";
}
}
登錄后復(fù)制
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";
// 帶參數(shù)調(diào)用人臉檢測
$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){//人臉數(shù)量為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('圖片質(zhì)量');
// die('圖片質(zhì)量僅為:'.$face_probability.',上傳失敗');
}
}else{
die('人臉數(shù)量大于1');
// die('人臉數(shù)量大于1，失敗');
}
}else{
die('沒有人臉');
// die('沒有人臉，失敗');
}
}
登錄后復(fù)制
在前端我們需要在開發(fā)者工具里寫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)
}
}
})
}
})
登錄后復(fù)制
上傳圖片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', //僅為示例，非真實(shí)的接口地址
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'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有
sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī)，默認(rèn)二者都有
success: function (res) {
console.log(res)
// 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
that.setData({
files: res.tempFilePaths,
});
}
})
},
//預(yù)覽照片
previewImage: function () {
var current = e.target.dataset.src
wx.previewImage({
current: current,
urls: this.data.imageList
})
},
cancel:function(){
wx.redirectTo({
url: '../index/index',
})
},
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
files: [],
options:null,
id:null,
},
formSubmit:function(e){
upload(this,this.data.id);
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function (options) {
console.log(options);
this.setData({options:options})
this.setData({ id: options.id })
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面隱藏
*/
onHide: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面卸載
*/
onUnload: function () {
},
/**
* 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作
*/
onPullDownRefresh: function () {
},
/**
* 頁面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function () {
},
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
}
})
登錄后復(fù)制
wxml代碼如下：
<view class="weui-cells__title text">錄入學(xué)生信息</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">學(xué)號</view>
</view>
<view class="weui-cell__bd">
<input class="weui-input" placeholder="請輸入學(xué)號" 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>
登錄后復(fù)制
上傳圖片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">確認(rèn)</button>
<button class="weui-btn" type="default" bindtap='cancel'>取消</button>
</view>
</form>
</view>
登錄后復(fù)制
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)！
相關(guān)推薦：
以上就是微信小程序怎么實(shí)現(xiàn)人臉識別的詳細(xì)內(nèi)容，更多請關(guān)注有卡有網(wǎng)。
