小程序实现人脸识别功能
来源:SegmentFault
时间:2023-02-24 19:15:46 328浏览 收藏
小伙伴们有没有觉得学习数据库很有意思?有意思就对了!今天就给大家带来《小程序实现人脸识别功能》,以下内容将会涉及到MySQL、nginx、github、spring、javascript,若是在学习中对其中部分知识点有疑问,或许看了本文就能帮到你!
接入流程
1.
按照文档获取AppID、API Key、Secret Key,进行Access Token(用户身份验证和授权的凭证)的生成
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | const getBaiduToken = function () { return new Promise((resolve, reject) => { //自行获取APIKey、SecretKey const apiKey = APIKey; const secKey = SecretKey; const tokenUrl = `https: //aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=${apiKey}&client_secret=${secKey}`; wx.request({ url: tokenUrl, method: 'POST' , dataType: "json" , header: { 'content-type' : 'application/json; charset=UTF-8' }, 欢迎加入全栈开发交流划水交流圈: 582735936 面向划水 1 - 3 年前端人员 帮助突破划水瓶颈,提升思维能力 success: function (res) { resolve(res); }, fail: function (res) { wx.hideLoading(); wx.showToast({ title: '网络错误,请重试!' , icon: 'none' , duration: 2000 }) reject(res); }, complete: function (res) { resolve(res); } }) }) } |
2.
选择人脸识别-->人脸检测,人脸识别接口分为V2和V3两个版本,确认在百度云后台获得的是V2还是v3版本接口权限。
//封装识别方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | const getImgIdentify = function(tokenUrl, data){ return new Promise((resolve, reject) => { const detectUrl = `https: //aip.baidubce.com/rest/2.0/face/v3/detect?access_token=${tokenUrl}`; wx.request({ url: detectUrl, data: data, method: 'POST' , dataType: "json" , header: { 'content-type' : 'Content-Type:application/json; charset=UTF-8' }, success: function (res) { resolve(res); }, fail: function (res) { wx.hideLoading(); wx.showToast({ title: '网络错误,请重试!' , icon: 'none' , duration: 2000 }) 欢迎加入全栈开发交流划水交流圈: 582735936 面向划水 1 - 3 年前端人员 帮助突破划水瓶颈,提升思维能力 reject(res); }, complete: function (res) { resolve(res); } }) }) } |
3.
调用识别方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | getBaiduToken().then((res) => { let token = res.data.access_token; let data = { "image" : self.data.img, "image_type" : "URL" , "face_field" : "ge,beauty,expression,face_shape,gender,glasses,landmark,race,quality,eye_status,emotion,face_type" } util.getImgIdentify(token, data).then((res)=>{ //百度接口返回的结果 let score = parseInt(res.data.result.face_list[ 0 ].beauty); self.setData({ score: score, }) }) }) |
4.
结果如下:

到这里,我们也就讲完了《小程序实现人脸识别功能》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于mysql的知识点!
声明:本文转载于:SegmentFault 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
-
499 收藏
-
244 收藏
-
235 收藏
-
157 收藏
-
101 收藏
最新阅读
更多>
-
469 收藏
-
289 收藏
-
239 收藏
-
315 收藏
-
361 收藏
-
184 收藏
-
227 收藏
-
202 收藏
-
140 收藏
-
111 收藏
-
415 收藏
-
454 收藏
课程推荐
更多>
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 508次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习