小程序实现人脸识别功能(百度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 相关文章推荐
调用js时ie6和ie7,ff的区别
Aug 19 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
关于input全选反选恶心的异常情况
Jul 24 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
Dec 20 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
原生JS实现自定义滚动条效果
Oct 27 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 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 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
第四章 php数学运算
2011/12/30 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
将json对象转换为字符串的方法
2014/02/20 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
javascript轮播图算法
2016/10/21 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
2016/10/26 Javascript
详解JavaScript中return的用法
2017/05/08 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
vue中的数据绑定原理的实现
2018/07/02 Javascript
详解Vue.js v-for不支持IE9的解决方法
2018/12/29 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
讲解python参数和作用域的使用
2013/11/01 Python
Python中super函数的用法
2017/11/17 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
对python条件表达式的四种实现方法小结
2019/01/30 Python
对python3 Serial 串口助手的接收读取数据方法详解
2019/06/12 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
介绍一下linux的文件权限
2014/07/20 面试题
自我鉴定模板
2013/10/29 职场文书
春季运动会广播稿大全
2014/02/19 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL