小程序实现人脸识别功能(百度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 相关文章推荐
今天是星期几的4种JS代码写法
Sep 17 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
使用Javascript监控前端相关数据的代码
Oct 27 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
May 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
PHP的explode和implode的使用说明
2011/07/17 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
PHP imagecreatefrombmp 从BMP文件或URL新建一图像
2012/07/16 PHP
JavaScript版代码高亮
2006/06/26 Javascript
How to Auto Include a Javascript File
2007/02/02 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
2011/04/27 Javascript
使用JavaScript动态设置样式实现代码及演示动画
2013/01/25 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
websocket+node.js实现实时聊天系统问题咨询
2017/05/17 Javascript
JS实现留言板功能
2017/06/17 Javascript
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
swiper自定义分页器的样式
2020/09/14 Javascript
[02:40]DOTA2英雄基础教程 先知
2013/11/29 DOTA
Python使用剪切板的方法
2017/06/06 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
python计算二维矩形IOU实例
2020/01/18 Python
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
报关简历自我评价怎么写
2013/09/19 职场文书
工厂厂长的职责
2013/12/12 职场文书
护理职业生涯规划书
2014/01/24 职场文书
大学三年计划书范文
2014/04/30 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
社区敬老月活动总结
2015/05/07 职场文书
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js