小程序实现人脸识别功能(百度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 相关文章推荐
javascript Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
JS中confirm,alert,prompt函数使用区别分析
Apr 01 Javascript
JS实现图片横向滚动效果示例代码
Sep 04 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
javascript实现数字时钟效果
Feb 06 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 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
牡丹941资料
2021/03/01 无线电
php 进度条实现代码
2009/03/10 PHP
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
2016/05/15 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
浅谈Node模块系统及其模式
2017/11/17 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
vue项目强制清除页面缓存的例子
2019/11/06 Javascript
原生js实现随机点名
2020/07/05 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
[47:06]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第一局
2016/03/05 DOTA
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python实现ipsec开权限实例
2014/11/11 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
学校运动会开幕演讲稿
2014/01/04 职场文书
高级编程求职信模板
2014/02/16 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
家长对孩子的评语
2014/04/18 职场文书
环保志愿者活动方案
2014/08/14 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
2014年仓库工作总结
2014/11/20 职场文书
文明家庭事迹材料
2014/12/20 职场文书
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python