小程序实现人脸识别功能(百度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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
alert中断settimeout计时功能
Jul 26 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
javascript简单实现深浅拷贝过程详解
Oct 08 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
Nov 10 Javascript
JavaScript实现打字游戏
Feb 19 Javascript
优雅的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实现生成模糊图片的方法示例
2017/12/21 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
锋利的jQuery 第三章章节总结的例子
2010/03/23 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
javascript包装对象实例分析
2015/03/27 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
vuejs手把手教你写一个完整的购物车实例代码
2017/07/06 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
vue 组件简介
2020/07/31 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
[01:44]《为梦想出发》—联想杯DOTA2完美世界全国高校联赛
2015/09/30 DOTA
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
用Python配平化学方程式的方法
2019/07/20 Python
详解pytorch tensor和ndarray转换相关总结
2020/09/03 Python
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
斯洛伐克家具和时尚装饰品购物网站:Butlers.sk
2019/09/08 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
护士毕业自我鉴定
2014/02/07 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
苏州园林导游词
2015/02/03 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
导游词之镜泊湖
2019/12/09 职场文书