黔优媒体网-软文媒体自助发稿平台!
  1. 行业资讯
  2. 正文

微信小程序怎么实现人脸识别

来源:黔优媒体网   时间:2024-09-19

这篇文章主要为大家详细介绍了微信小程序实现人脸识别,实现添加信息和上传照片功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

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

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

public function upload($id= #39; #39;){ 
 if(empty($id)){ 
 return false; 
 $no = M( student )- where( id={$id} )- getField( #39;no #39;); 
 $dir = ./Upload/studentface/ 
 if(!file_exists($dir)){ 
 mkdir($dir, 0777, true); 
 $upload = new \Think\Upload();// 实例化上传类 
 $upload- maxSize = 3145728 ;// 设置附件上传大小 
 $upload- exts = array( #39;jpg #39;, #39;gif #39;, #39;png #39;, #39;jpeg #39;);// 设置附件上传类型 
 $upload- rootPath = $dir; // 设置附件上传根目录 
 $upload- savePath = #39; #39;; // 设置附件上传(子)目录 
 $upload- saveName = $no; 
 $upload- replace = true; 
 $upload- autoSub = false; 
 // 上传文件 
 $info = $upload- uploadOne($_FILES[ #39;file #39;]); 
 if(!$info) {// 上传错误提示错误信息 
 // return $this- ajaxReturn(array( #39;error #39;= true, #39;msg #39;= $upload- getError())); 
 return json_encode(array( #39;error #39;= true, #39;msg #39;= $upload- getError()),JSON_UNESCAPED_UNICODE); 
 }else{// 上传成功 获取上传文件信息 
 // return $this- ajaxReturn(array( #39;error #39;= false, #39;msg #39;= $info[ #39;savepath #39;].$info[ #39;savename #39;], #39;id #39;= $id)); 
 $file = $dir . $info[ #39;savepath #39;] . $info[ #39;savename #39;]; 
 $image = base64_encode(file_get_contents($file)); 
 $this- facevalid($no,$image); 
 $m = M( #39;head #39;); 
 $data = $m- where( no= #39;{$no} #39; )- find(); 
 if($data){ 
 //有数据,则更新 
 $m- where( no= #39;{$no} #39; )- save(array( #39;base64 #39;= $image, #39;path #39;= $file)); 
 }else{ 
 $m- add(array( #39;no #39;= $no, #39;base64 #39;= $image, #39;path #39;= $file)); 
 return 采集照片成功 
}
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 
 // 带参数调用人脸检测 
 $client=$this- init_face(); 
 $ret=$client- detect($image,$imageType,$options); 
 // $arr=$ret; 
 // print_r($ret); 
 // exit; 
 if($ret[ #39;error_code #39;]==0){//有人脸 
 $result=$ret[ #39;result #39;]; 
 $face_num=$result[ #39;face_num #39;]; 
 if(1==$face_num){//人脸数量为1 
 $face_probability=$result[ #39;face_list #39;][0][ #39;face_probability #39;]; 
 if(1==$face_probability){//可靠性为1 
 $group=$this- face_group(); 
 // echo $group; 
 // exit; 
 $faces=$client- faceGetlist($no,$group); 
 if($faces[ #39;error_code #39;] 0){ 
 $client- addUser($image, #39;BASE64 #39;,$group,$no); 
 }else{ 
 $client- updateUser($image, #39;BASE64 #39;,$group,$no); 
 // echo #39;人脸检测完成,并已入库 #39;; 
 // return true; 
 // $arr = array( #39;error #39;= false, #39;msg #39;= #39;上传成功 #39;); 
 }else{ 
 die( #39;图片质量 #39;); 
 // die( #39;图片质量仅为: #39;.$face_probability. #39;,上传失败 #39;); 
 }else{ 
 die( #39;人脸数量大于1 #39;); 
 // die( #39;人脸数量大于1,失败 #39;); 
 }else{ 
 die( #39;没有人脸 #39;); 
 // die( #39;没有人脸,失败 #39;); 
 }

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

js代码如下:

const app = getApp() 
Page({ 
 data: { 
 sex: #39;女 #39;, 
 empty:true 
 cancel: function () { 
 wx.redirectTo({ 
 url: #39;../face/face #39;, 
 switch1Change: function (e) { 
 if (e.detail.value) { 
 this.setData({ sex: #39;男 #39; }) 
 } else { 
 this.setData({ sex: #39;女 #39; }) 
 formSubmit: function (e) { 
 // console.log(e); 
 wx.request({ 
 url: #39;http://*****.top/ppp/server/index.php/home/index/index #39;, 
 data: e.detail.value, 
 method: #39;POST #39;, 
 header: { 
 #39;content-type #39;: #39;application/x-www-form-urlencoded #39; 
 success: (res) = { 
 console.log(res.data); 
 if (res.data.error) { 
 wx.showToast({ 
 title: res.data.msg, 
 icon: #39;none #39;, 
 duration: 2000 
 } else { 
 wx.showToast({ 
 title: res.data.msg, 
 icon: #39;success #39;, 
 duration: 2000 
 setTimeout(function () { 
 wx.navigateTo({ 
 url: #39;../headimg/headimg?id= #39; + res.data.id, 
 }, 2000) 
})

上传图片js代码如下:

const app = getApp() 
function upload(that, id) { 
 if (that.data.files.length == 0) { 
 return; 
 wx.uploadFile({ 
 url: #39;http://****.top/ppp/server/index.php/home/index/upload #39;, //仅为示例,非真实的接口地址 
 filePath: that.data.files[0], 
 name: #39;file #39;, 
 formData: { 
 #39;id #39;: id 
 success: function (res) { 
 var data = res.data 
 // var json = JSON.parse(data) 
 console.log(data) 
 wx.showToast({ 
 title: data, 
 icon: #39;success #39;, 
 duration:2000 
 setTimeout(function () { 
 wx.navigateTo({ 
 url: #39;../index/index #39;, 
 }, 2000) 
Page({ 
 chooseImage: function (e) { 
 var that = this; 
 wx.chooseImage({ 
 count: 1, 
 sizeType: [ #39;original #39;, #39;compressed #39;], // 可以指定是原图还是压缩图,默认二者都有 
 sourceType: [ #39;album #39;, #39;camera #39;], // 可以指定来源是相册还是相机,默认二者都有 
 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: #39;../index/index #39;, 
 /** 
 * 页面的初始数据 
 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代码如下:

 view >

上传图片wxml代码如下:

 view >

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序中跳转页面的两种方法

微信小程序实现登录页云层漂浮的动画效果

以上就是微信小程序怎么实现人脸识别的详细内容,更多请关注php中文网其它相关文章!

微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!


下一篇:没有了
【免责申明】黔优媒体网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优媒体网官方立场,请读者仅做参考,本文标题:微信小程序怎么实现人脸识别;欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法/违规的内容,请您立即联系我们及时修正或删除。(邮箱号: kefu@qianu.com)
此操作需要登录,请先登录~
免费注册会员,尽享国内领先平台!