微信小程序利用百度AI实现扫描身份证获取信息功能

前言

微信小程序集成百度图像识别功能，实现对上传或拍照的身份证进行扫描，并获取身份证信息。

百度端创建应用

访问网址https://login.bce.baidu.com/，选择“人工智能”--“图像识别”；
在栏目“应用列表”下新建应用，并勾选项目需要的接口；保存后列表会生成对应的“API Key”和“Secret Key”。

实现过程

为了演示方便，页面只放了一个上传按钮，代码如下：

test.js文件存放逻辑代码，如下图：

// pages/test/test.js
Page({/*** 页面的初始数据*/data: {baiduToken: ''},/*** 生命周期函数--监听页面加载*/onLoad: function(options) {this.getBaiduToken();},// 获取百度access_tokengetBaiduToken: function() {const apiKey = '生成的API Key';const seckey = '生成的Secret Key';const tokenUrl = `https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=${apiKey}&client_secret=${seckey}`;let that = this;wx.request({url: tokenUrl,method: 'POST',dataType: 'json',header: {'content-type': 'application/json; charset=UTF-8'},success: function(res) {console.log('getBaiduToken提示pass', res);that.setData({baiduToken: res.data.access_token})},fail: function(res) {console.log('getBaiduToken提示fail', res);}})},// 上传图片uploadImg: function() {let that = this;wx.chooseImage({count: 1,sizeType: ['original', 'compressed'],sourceType: ['album', 'camera'],success(res) {// tempFilePath可以作为img标签的src属性显示图片const tempFilePaths = res.tempFilePathsconsole.log(tempFilePaths)// 路径转化为base64图片wx.getFileSystemManager().readFile({filePath: tempFilePaths[0],encoding: 'base64',success: res => {console.log('读图片数据pass', res.data);that.scanImageInfo(res.data);},fail: res => {console.log('读图片数据fail', res.data);}})}})},// 扫描图片中的数据scanImageInfo: function(imageData) {let that = this;const detecUrl = 'https://aip.baidubce.com/rest/2.0/ocr/v1/idcard?access_token=' + this.data.baiduToken;wx.showLoading({title: '加载中',});wx.request({url: detecUrl,data: {image: imageData,id_card_side: 'front'},method: 'POST',dataType: 'json',header: {'content-type': 'application/x-www-form-urlencoded'},success: res => {console.log('success', res.data.words_result)},fail: res => {console.log('fail')},complete: res => {wx.hideLoading();}})}
})

真机调试获取数据如下（预览获取数据有问题）：

结语

文中以小程序为例，也可以实现其它语言，只需修改为相应的API即可。

微信小程序利用百度AI实现扫描身份证获取信息功能相关推荐

微信小程序录音第一篇（基于微信小程序及百度AI的人员语音识别转文字显示小程序）
基于微信小程序及百度AI的人员语音识别转文字显示小程序基于微信小程序及百度AI的人员语音识别转文字显示小程序主要分3篇 1.微信小程序录音篇(小程序基于wx.startRecord()微信语音录 ...
微信小程序利用百度api达成植物识别
看完本文你可学会: 如何使用百度智能云如何在微信小程序中去接入百度api,达成植物识别的效果如何使用百度智能云? 官网:https://cloud.baidu.com 进入官网,在用户中心下选择图 ...
基于微信小程序编写的AI配音界面
众所周知,人工智能(Artificial Intelligence),它是研究.开发用于模拟.延伸和扩展人的理论.方法.技术及应用系统的一门新的技术科学.该领域的研究包括机器人.语言识别.图像识别.自 ...
扫描身份证获取信息
百度智能云扫描身份证获取信息 1.https://cloud.baidu.com/doc/OCR/s/rk3h7xzck 登录百度智能云 2.点击控制台找到左侧目录产品服务选择图像识别 ...
【微信小程序调用百度API实现图像识别功能】----项目实战
本章主要讲述: 如何更快的上手小程序如何搭建一个页面以及跳转到另一个页面如何调用百度API接口实现图像识别技术如何在微信小程序的后台添加合法域名私信获取源码,有问题可以关注留言或私信,计算机毕 ...
微信小程序利用echarts实现中国任意行政区域地图
微信小程序利用echarts实现中国任意行政区域地图前言实现克隆代码集成点击事件点击跳转代码改造尾巴前言最近微信小程序中需要绘制地图,然后点击地图可以跳转到下一层级.研究了一番,选 ...
微信小程序转百度小程序修改
微信小程序转百度小程序修改百度小程序很多兼容性问题已修复,具体细节请参考官方开发文档:https://smartprogram.baidu.com/docs/develop/fuctionlist/ ...
微信小程序和百度的语音识别接口详解
介绍因为项目需要,使用到了微信小程序和百度的语音接口现在将项目中的一个小模块拿出来单独分享. 技术关键字微微信小程序百度语音接口 nodejs,express fluent-ffmegp 环境 ...
微信小程序利用腾讯云IM发送语音 + 图片
微信小程序利用腾讯云IM发送语音 + 图片能做到这里说明你已经可以发送普通文本了如果没有的话可以看一下我的上一篇文章有完整的讲解效果图语音聊天发送图片传送 → 发送图片发送语音 ** ...

微信小程序利用百度AI实现扫描身份证获取信息功能

目录

前言

百度端创建应用

实现过程

结语

微信小程序利用百度AI实现扫描身份证获取信息功能相关推荐

最新文章

热门文章