小程序实现人脸识别功能(百度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 相关文章推荐
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 Javascript
js实现表单Radio切换效果的方法
Aug 17 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
VSCode中如何利用d.ts文件进行js智能提示
Apr 13 Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 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
SONY SRF-40W电路分析
2021/03/02 无线电
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
彻底杜绝PHP的session cookie错误
2009/08/09 PHP
php 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
div li的多行多列 无刷新分页示例代码
2013/10/16 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
关于laravel 子查询 & join的使用
2019/10/16 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
原生js滑动轮播封装
2020/07/31 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
Python程序设计入门(4)模块和包
2014/06/16 Python
python登录豆瓣并发帖的方法
2015/07/08 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
python三引号输出方法
2019/02/27 Python
Django实现跨域请求过程详解
2019/07/25 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
食品安全检查制度
2014/02/03 职场文书
《风筝》教学反思
2014/04/10 职场文书
补充协议书范本
2014/04/23 职场文书
工商干部先进事迹
2014/05/14 职场文书
乡镇团代会开幕词
2016/03/04 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
Python 数据可视化之Bokeh详解
2021/11/02 Python