H5使用OCR身份证识别

向梦出发_mm

已于 2022-06-16 16:12:32 修改

阅读量2.7k

点赞数 1

文章标签： vue 前端

于 2022-06-16 14:52:48 首次发布

本文链接：https://blog.csdn.net/weixin_46122878/article/details/125315296

版权

OCR文档地址：
ocr识别：https://ai.baidu.com/ai-doc/OCR/ak3h7xxg3
获取Access Token：https://ai.baidu.com/ai-doc/REFERENCE/Ck3dwjhhu
**想要实现的功能如下：**上传或拍照识别身份证信息并在下方展示。
在这里插入图片描述
**步骤1：**先获取Access Token，在识别的时候会用到。
根据文档所示，向授权服务地址https://aip.baidubce.com/oauth/2.0/token发送请求（推荐使用POST），并在URL中带上以下参数，此接口会返回Access Token 且保存到setStorageSync：
grant_type： 必须参数，固定为client_credentials；
client_id： 必须参数，应用的API Key；
client_secret： 必须参数，应用的Secret Key；
在这里插入图片描述

**步骤2：**点击上传或拍照进行识别
uniapp的uni.chooseImage 调起拍照或从相册选择
点击——调用uni.chooseImage拍照或先相册选择——调用uni.uploadFile上传——调用ocr识别方法! [在这里插入图片描述](https://img-blog.csdnimg.cn/b05beb43b1b9417e9147288ee4ba6461.png

步骤3：
请求示例：
HTTP 方法: POST
请求URL: https://aip.baidubce.com/rest/2.0/ocr/v1/bankcard
URL参数：access_token
Header如下：Content-Type application/x-www-form-urlencoded
Body中放置请求参数，参数详情如下：image或url
在这里插入图片描述