小程序实现人脸识别功能(百度ai)


Posted in Javascript onDecember 23, 2018

本文介绍了小程序实现人脸识别功能,分享给大家,具体如下:

文档中心:https://ai.baidu.com/docs#/Begin/a2bbf4b2

接入流程

1. 按照文档获取AppID、API Key、Secret Key,进行Access Token(用户身份验证和授权的凭证)的生成

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'
   },
   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版本接口权限。

//封装识别方法
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
    })
    reject(res);
   },
   complete: function (res) {
    resolve(res);
   }
  })
 })
}

3. 调用识别方法

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. 结果如下:

小程序实现人脸识别功能(百度ai)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
jquery组件使用中遇到的问题整理及解决
Feb 21 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
深入理解js中this的用法
May 28 Javascript
基于Bootstrap仿淘宝分页控件实现代码
Nov 07 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 Javascript
jQuery实现二级导航菜单的示例
Sep 30 jQuery
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 #Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
Dec 23 #Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 #Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 #jQuery
JavaScript时间日期操作实例小结【5个示例】
Dec 22 #Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 #Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 #Javascript
You might like
PHP sleep()函数, usleep()函数
2016/08/25 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
JavaScript中的集合及效率
2010/01/08 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
jquery实现动态画圆
2014/12/04 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
js 事件的传播机制(实例讲解)
2017/07/20 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
推荐11个实用Python库
2015/01/23 Python
Python多线程编程(五):死锁的形成
2015/04/05 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
python中多个装饰器的执行顺序详解
2018/10/08 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
python使用yield压平嵌套字典的超简单方法
2019/11/02 Python
python全局变量引用与修改过程解析
2020/01/07 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
李宁官方网店:中国运动品牌
2017/11/02 全球购物
计算机应用专业应届毕业生中文求职信范文
2013/11/29 职场文书
自我评价优秀范文分享
2013/11/30 职场文书
《学会待客》教学反思
2014/02/22 职场文书
小学生家长寄语
2014/04/02 职场文书
阅兵口号
2014/06/19 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
2015年测量员工作总结
2015/05/23 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python