vue 百度ocr识别身份证（银行卡、火车票、名片、发票等同理）信息

最新推荐文章于 2025-05-19 11:59:31 发布

原创

最新推荐文章于 2025-05-19 11:59:31 发布 · 9k 阅读

25 ·

CC 4.0 BY-SA版权

文章标签：

#vue #ocr #百度ocr

本文介绍如何在Vue项目中利用百度OCR服务识别身份证、银行卡等证件信息。首先前端获取access_token，然后调用摄像头或选择本地图片，转换为base64格式，最后发送请求获取并填充证件信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、获得access_token（可以前端向百度发送请求获取，也可以后端获取，传token给前端，建议后端获取），本文默认前端已获得access_token。

2、调用摄像头或本地文件夹获得证件照片

3、将证件照片转化为base64格式

4、发送请求，反写证件信息到输入框

本文实现项目效果如下：仅以获得证件号码为例，其他同理,点击红色框中图标即可调用摄像头或打开本地文件夹
在这里插入图片描述
HTTP 方法：POST
请求URL： https://aip.baidubce.com/rest/2.0/ocr/v1/idcard
具体参见百度API文档:https://ai.baidu.com/docs#/OCR-API/top

代码如下：

  <p class="ipt">
      <span>证件号码</span>
      <input placeholder="请输入***证件号码" v-model="idNo"/>
      <label>
          <img src="../img/camera.png">
          <input