微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

微信小程序实现人脸识别

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

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

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

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

$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,$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代码如下:

{ 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代码如下:

rush: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 () {

},/**

},/**

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

},/**

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

},/**

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

},/**

},/**

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

}
})

wxml代码如下:

rush:xml;">
注册

上传图片wxml代码如下:

rush:xhtml;">
图片上传 Box">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。