微信小程序实现人脸识别

前端之家收集整理的这篇文章主要介绍了微信小程序实现人脸识别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

},/**

  • 页面上拉触底事件的处理函数
    */
    onReachBottom: function () {

},/**

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

}
})

wxml代码如下:

注册

上传图片wxml代码如下:

图片上传 Box">

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

原文链接:https://www.f2er.com/weapp/32154.html

猜你在找的微信小程序相关文章