微信小程序实现身份证识别-ocr

项目中有一个识别身份证的需求，经过调研，最后决定使用微信小程序ocr插件进行开发。

一:首先登录小程序公众平台。

1:进入设置> 第三方设置。

2:添加ocr插件。

3:添加完后，需要领取免费额度，100次/天。

https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415

注意:如果没购买的话，调用会报错。

二:功能开发

ocr识别有两种方式，一种是按照官方文档。

1:首先在app.json里配置ocr-plugin.

  "plugins": {"ocr-plugin": {"version": "3.0.6","provider": "wx4418e3e031e551be"}},

2:在业务组件中引入插件。

 "usingComponents": {"ocr-navigator": "plugin://ocr-plugin/ocr-navigator"},

3:使用

    <ocr-navigator bind:onSuccess="success" certificateType="idCard" opposite="{{false}}"><view class="btn">识别</view></ocr-navigator>

  success(e) {console.log(e) //身份证信息},

这种方式可以进行扫描，并且可以支持上传身份证图片进行扫描。

由于我们的业务是自定义上传图片识别出身份信息后进行对应的业务操作，所以采用自定义调用ocr api能力的方式来进行开发。

文档地址:

https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415

利用van-uploader上传身份证图片后拿到file对象，调用api进行识别

 //  文件读取后afterRead(e) {let _key = e.currentTarget.dataset.key;_key = `${_key}Img[0]`let { file } = e.detail || {};let _file = {url: file.url,name: "身份证人像面",};this.setData({[_key]: _file,});this.invokeService(_file, e.currentTarget.dataset.key)console.log(this.data, "文件信息");},

async invokeService (file,_key) {// 调用ocrtry {const invokeRes = await wx.serviceMarket.invokeService({service: 'wx79ac3de8be320b71',api: 'OcrAllInOne',data: {// 用 CDN 方法标记要上传并转换成 HTTP URL 的文件img_url: new wx.serviceMarket.CDN({type: 'filePath',filePath: file.url,}),data_type: 3,ocr_type: 1},})console.log('invokeService success', invokeRes)} catch (error) {console.log(error,'error')}},

拿到invokeRes返回对象就可以进行后续业务操作了，注意身份证国徽面识别也要调用一次invokeService 方法拿到证件有效期等信息，然后对数据自行处理成所需要的格式。

微信小程序实现身份证识别-ocr相关推荐

微信小程序实现身份证识别功能
微信小程序实现身份证识别功能 1,首先登录小程序公众平台 2,进入设置第三方设置 3,添加ocr插件 4,添加完成后 ,需要领取免费额度,是一天100次; 链接然后就是代码编写部分首先在app. ...
微信小程序使用身份证识别
因公司业务需求以及方便用户,需要用户上传身份证后自动识别其中姓名身份证号码信息,方便用户操作,不需要上传身份证后再去重新输入姓名以及身份证号码.因此记录一下微信小程序ocr可识别银行卡.身份证.驾驶 ...
微信小程序实现文字识别-ocr插件
实现从图库中选择一张图片进行文字识别提取其中的有用文字信息,常用实现于身份证识别.驾驶证识别等功能.文字识别后会出现一个弹窗显示识别结果. 首先添加ocr插件添加ocr插件请点击添加即可 //.js ...
取景框图片小程序_微信小程序实现身份证取景框拍摄
本文实例为大家分享了微信小程序实现身份证取景框拍摄的具体代码,供大家参考,具体内容如下 wxml wxss .camera_box { height: 100vh; width: 100vw; pos ...
php微信里面换行符,如何在字符串中间加换行符js微信小程序实现人脸识别
本文为大家分享了微信小程序人脸识别的具体代码,供大家参考,具体内容如下首先,我们要有开发者工具,今天所说的是后端和前端联合起来实现的. 在PHP的控制器中写一个upload方法,代码如下: publ ...
Vue-Uni-App小程序实现身份证识别
Vue-Uni-App小程序实现身份证识别~ 需求:实现一个身份证的识别功能!看下方图片! 思路:(把用户上传的身份证图片转成base64请求接口发送给后端,后端返回对应的信息渲染到页面上就行了!) ...
微信小程序长按识别二维码，小程序相关问题总结
微信小程序长按识别二维码,小程序相关问题总结开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序图片预览功能识别小程序码并进行跳 ...
AI识别图片识别微信小程序（手写OCR）
使用腾讯云手写OCR API的微信小程序 GitHub地址主要功能:识别图片形式的手写笔记并展示 //appid等作为全局变量定义在了app.js里//使用时需将相应字段添加到app.js文件中gl ...
微信小程序AR扫描识别图(支持多图片)加载3D模型及其动画
MP-EasyAR-3DModels-Animations For Instance *微信公众平台* *微信开发者工具* *EasyAR* *项目实践* *下载文件到本地* *扫描识别* *加载模型 ...

微信小程序实现身份证识别-ocr

微信小程序实现身份证识别-ocr相关推荐

最新文章

热门文章