小程序调用百度api实现图像识别

一、获取app_key和secret_key

1.1首先需要去百度智能云搜索图像识别

1.2创建应用--领取免费资源（我已经创建了应用，这个是可以免费使用一年的，测试够了）

1.3获取app_key和secret_key

点进上一张图的管理应用即可查看相应信息

二、获取token

2.1首先判断storage中是否已经有token

 onLoad() {//   自定义头部导航栏文字wx.setNavigationBarTitle({title: '垃圾搜索'});//获取storge中的tokenvar that=this;wx.getStorage({key:'expires_in',success(res){// 获取成功，证明本地已存有相关tokenconst newT =new Date().getTime();//  // 用当前时间和存储的时间判断，token是否已过期if (newT > parseInt(res.data)) {// token过期，重新获取tokenthat.getToken();} else {// 获取本地缓存的tokenlet token=wx.getStorageSync('access_token');that.setData({token:token});}},fail(){that.getToken();}});},

2.2 getToken函数

// 获取tokengetToken:function(){var that=this;// client_id：app_key需要自己去百度智能云创建相应的应用后获取//client_secret：Secret Keyconst url = 'https://aip.baidubce.com/oauth/2.0/token'+'?grant_type=client_credentials'+'&client_id=app_key&client_secret=client_secret';wx.request({url:url,method: 'POST',success: res => {console.log(res)let thaRres=res.data;// 将access_token存储到storage中wx.setStorage({key:'access_token',data:thaRres.access_token});var date=new Date().getTime();let time=date+2592000*1000;console.log('三十天后的时间',time);console.log('当前时间戳',date)wx.setStorage({key:'expires_in',data:time});that.setData({token:thaRres.access_token});/*access_token： 要获取的Access Token；expires_in： Access Token的有效期(秒为单位，一般为1个月)；*/},fail: () => {}});},

三、进行图像识别

//   点击相机图标时cameraTap:function(){console.log('点击相机');var that=this;wx.chooseImage({success: res => {wx.getFileSystemManager().readFile({filePath: res.tempFilePaths[0], //选择图片返回的相对路径encoding: 'base64', //编码格式success: res => { //成功的回调// 图片wx.showLoading({title: '识别中...',})var image = res.data;// 文字识别wx.request({url: 'https://aip.baidubce.com/rest/2.0/image-classify/v2/advanced_general?access_token='+that.data.token,data: {image: image},header: {'Content-Type': 'application/x-www-form-urlencoded'},method: 'POST',success(res) {console.log(res.data)wx.hideLoading({success: (res) => {},})
//此处接处理识别结果的函数，可见下一篇文章：https://blog.csdn.net/Moxi099/article/details/120617526?spm=1001.2014.3001.5501},fail:()=>{wx.hideLoading();wx.showToast({title: '图片识别失败，请重试！',icon: 'none'});}})}})}})},

至此大功告成，返回的数据如下：

result就是最终需要的数据了！

小程序调用百度api实现图像识别相关推荐

【微信小程序调用百度API实现图像识别功能】----项目实战
本章主要讲述: 如何更快的上手小程序如何搭建一个页面以及跳转到另一个页面如何调用百度API接口实现图像识别技术如何在微信小程序的后台添加合法域名私信获取源码,有问题可以关注留言或私信,计算机毕 ...
Java调用百度API实现图像识别
Java调用百度API实现图像识别最近在做一个关于识别的小功能,翻阅了一堆资料,也实践自己去实现这个功能,最后识别的结果不是那么理想.这里介绍一个完全可以商用以及识别率超高的百度ai接口 1.为什么 ...
微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
微信小程序利用百度api达成植物识别
看完本文你可学会: 如何使用百度智能云如何在微信小程序中去接入百度api,达成植物识别的效果如何使用百度智能云? 官网:https://cloud.baidu.com 进入官网,在用户中心下选择图 ...
初识Java调用百度API实现图像识别
最近,了解了一下百度API图像识别,有了个初步认识,这里分享一下自己的理解. 我是在idea上用java项目进行了测试.文章以纯java项目进行举例. 第一步就是先去百度AI官网申请一个图像识别的应 ...
微信小程序调用高德api定位当前经纬度，根据城市名获取对应经纬度
最近写小程序有一个首页关于定位功能,指定高德API,话不多说,上图: 首先小程序需要先设置定位提示语,在mainfest.json中添加配置scope.userLocation: "mp-w ...
微信小程序调用百度文字转语音API
文字转语音,这里接入的是百度的https://ai.baidu.com/docs#/TTS-API/top里面有详细的介绍怎么去申请.不多说什么直接效果已解决ios播放没有语音的bug,已经亲测魅族 ...
laravel接口+微信小程序调用
微信小程序调用laravel后台接口 laravel后台数据接口 //api路由前缀 Route::group(['prefix'=>'api'],function (){ //在Api文件下 ...
微信小程序调用相册和相机
首先来写好wxml部分:给一个图片列表(img_list)和上传图片的按钮(addimg) <view class="container"><view class ...
百度小程序源码php_dedecms织梦小程序插件万能api接口插件（支持百度微信小程序）...
dedecms织梦小程序插件万能api接口,让你无需有php或sql基础,不需要依赖任何第三方网站授权,后台一键安装,小程序分分钟配置完成,让你拥有真正属于自己的小程序!支持gbk和utf版 dede ...

小程序调用百度api实现图像识别

小程序调用百度api实现图像识别相关推荐

最新文章

热门文章