博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序实现人脸识别功能
阅读量:6276 次
发布时间:2019-06-22

本文共 1975 字,大约阅读时间需要 6 分钟。

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'   },欢迎加入全栈开发交流划水交流圈:582735936面向划水1-3年前端人员帮助突破划水瓶颈,提升思维能力   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    })欢迎加入全栈开发交流划水交流圈:582735936面向划水1-3年前端人员帮助突破划水瓶颈,提升思维能力    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.

结果如下:

转载地址:http://jxwva.baihongyu.com/

你可能感兴趣的文章
Vue实例初始化的选项配置对象详解
查看>>
PLM产品技术的发展趋势 来源:e-works 作者:清软英泰 党伟升 罗先海 耿坤瑛
查看>>
vue part3.3 小案例ajax (axios) 及页面异步显示
查看>>
浅谈MVC3自定义分页
查看>>
.net中ashx文件有什么用?功能有那些,一般用在什么情况下?
查看>>
select、poll、epoll之间的区别总结[整理]【转】
查看>>
CSS基础知识(上)
查看>>
PHP中常见的面试题2(附答案)
查看>>
26.Azure备份服务器(下)
查看>>
mybatis学习
查看>>
LCD的接口类型详解
查看>>
Spring Boot Unregistering JMX-exposed beans on shutdown
查看>>
poi 导入导出的api说明(大全)
查看>>
Mono for Android 优势与劣势
查看>>
将图片转成base64字符串并在JSP页面显示的Java代码
查看>>
js 面试题
查看>>
sqoop数据迁移(基于Hadoop和关系数据库服务器之间传送数据)
查看>>
腾讯云下安装 nodejs + 实现 Nginx 反向代理
查看>>
Javascript 中的 Array 操作
查看>>
java中包容易出现的错误及权限问题
查看>>