微信小程序实现人脸识别

2023-09-12 08:40:04 79

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

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

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

publicfunctionupload($id=''){
if(empty($id)){
returnfalse;
}

$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()));
returnjson_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"采集照片成功";
}
}

publicfunctionfacevalid($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'人脸检测完成，并已入库';
//returntrue;
//$arr=array('error'=>false,'msg'=>'上传成功');

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

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

js代码如下：

constapp=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代码如下：

constapp=getApp()
functionupload(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){
vardata=res.data
//varjson=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){
varthat=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(){
varcurrent=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代码如下：

录入学生信息




学号







姓名






性别







年龄







注册
返回上级

上传图片wxml代码如下：


图像采集
{{options.name}}{{options.no}}







图片上传
{{files.length}}/1



















确认
取消

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

微信小程序实现人脸识别

热门推荐

随机推荐