小程序OCR身份证识别

这篇具有很好参考价值的文章主要介绍了小程序OCR身份证识别。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用两种OCR识别:小程序和腾讯云

1.基于微信小程序OCR插件实现身份证拍照、上传并OCR识别的示例:

  1. 首先,在小程序中添加身份证拍照的功能,可以使用wx.chooseImage()选择照片并使用wx.uploadFile()上传,代码如下:
wx.chooseImage({
  count: 1, // 一次只能选择一张照片
  sizeType: ['compressed'], // 图片压缩
  sourceType: ['camera', 'album'], // 可以选择拍照或从相册中选择
  success: function(res) {
    // 将选择的图片上传到服务器
	wx.uploadFile({
	  url: '上传接口地址',
	  filePath: res.tempFilePaths[0],
	  name: 'file',
	  success: function(res) {
	    // 调用OCR接口识别身份证信息
	}
  }
})
  1. 将上传的照片传到服务器端后,使用小程序OCR插件进行身份证识别,代码如下:
// 引入小程序OCR插件
import OCR from 'wechat-ocr'

// 实例化OCR对象
var ocr = new OCR({
  appid: '小程序OCR插件APPID',
  apikey: '小程序OCR插件API Key'
})

wx.request({
  url: '上传接口地址',
  method: 'POST',
  header: {
    'content-type': 'application/x-www-form-urlencoded'
  },
  data: {
    // 传入身份证照片的URL
    url: '上传的文件URL'
  },
  success: function(res) {
    // 调用OCR插件识别身份证信息
    ocr.idcard({
      type: 'photo',
      photo: res.data
    }).then((result) => {
      // 解析OCR插件识别结果,获取身份证信息
    })
  }
})
  1. 解析OCR插件识别结果,获取身份证上的信息,例如姓名、性别、出生年月、地址和身份证号码等。代码如下:
var result = result.data
if (result.status == 'OK') {
  var data = result.result
  // 获取姓名
  var name = data.name
  // 获取性别
  var gender = data.sex
  // 获取出生年月
  var birth = data.birth
  // 获取地址
  var address = data.address
  // 获取身份证号码
  var number = data.number
}
  1. 最后,在小程序中展示OCR识别的结果。

此示例中使用小程序OCR插件进行识别,具体的使用方式和接口参数可以参考小程序OCR官方文档。需要注意的是,小程序OCR插件需要在微信公众平台上进行申请和配置,详情请参考微信官方文档。

 


2.基于腾讯云OCR接口实现身份证拍照、上传并OCR识别的示例:

  1. 首先,在小程序中添加上传身份证照片的功能,可以使用wx.chooseImage()选择照片并使用wx.uploadFile()上传,代码如下:
wx.chooseImage({
  count: 1, // 一次只能选择一张照片
  sizeType: ['compressed'], // 图片压缩
  sourceType: ['camera', 'album'], // 可以选择拍照或从相册中选择
  success: function(res) {
    // 将选择的图片上传到服务器
	wx.uploadFile({
	  url: '上传接口地址',
	  filePath: res.tempFilePaths[0],
	  name: 'file',
	  success: function(res) {
	    // 调用OCR接口识别身份证信息
	}
  }
})
  1. 将上传的照片传到服务器端后,调用腾讯云OCR接口进行身份证识别,代码如下:
wx.request({
  url: 'OCR接口地址',
  method: 'POST',
  header: {
    'content-type': 'application/x-www-form-urlencoded'
  },
  data: {
    app_id: '腾讯云OCR应用ID',
    secret_id: '腾讯云API密钥ID',
    secret_key: '腾讯云API密钥',
    bucket: '',
    card_type: '0',
    url: '上传的文件URL',
    time_stamp: parseInt(new Date().getTime() / 1000),
    nonce_str: '随机字符串'
  },
  success: function(res) {
    // 解析OCR识别结果,获取身份证信息
  }
})
  1. 解析OCR识别结果,获取身份证上的信息,例如姓名、性别、出生年月、地址和身份证号码等。代码如下:
var data = res.data
if (data.code == 0) {
  var result = data.data
  if (result.item_list && result.item_list.length > 0) {
    var itemList = result.item_list
    for (var i = 0; i < itemList.length; i++) {
      var item = itemList[i]
      if (item.item == "品名") {
        // 获取姓名
      } else if (item.item == "性别") {
        // 获取性别
      } else if (item.item == "民族") {
        // 获取民族
      } else if (item.item == "出生") {
        // 获取出生年月
      } else if (item.item == "住址") {
        // 获取住址
      } else if (item.item == "公民身份号码") {
        // 获取身份证号码
      }
    }
  }
}
  1. 最后,在小程序中展示OCR识别的结果。

此示例中使用腾讯云OCR接口进行识别,具体的接口参数和使用方式可以参考腾讯云OCR官方文档文章来源地址https://www.toymoban.com/news/detail-721939.html

到了这里,关于小程序OCR身份证识别的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Java集成腾讯云OCR身份证识别接口

            项目用到身份证识别获取人员信息的功能,于是想到了腾讯云提供这样的API。在整合代码过程都很顺利,利用腾讯云官方SDK很快集成进来。但是在上测试环境部署时有了新的问题,通过Nginx代理后的环境无法访问到目标腾讯云接口,遂有了如下的改造过程。        

    2024年02月08日
    浏览(27)
  • 从0-1,使用腾讯OCR进行身份证识别

    目录 1.申请腾讯OCR权限 2.代码思路 3.Postman测试​  获取 secretId 和 secretKey,见上文 从0到1,申请cos服务器并上传图片到cos文件服务器-CSDN博客 https://blog.csdn.net/m0_55627541/article/details/133902798 入参有两个值,第一个为图片的云服务器路径,第二个为版面(正面/反面) controller servic

    2024年02月07日
    浏览(29)
  • 实名制重要性、PHP身份实名认证示例、身份证ocr识别核验

    身份证丢失失,可能会被不法分子利用去贷款。虽然是被人冒名办理,客观上不承担责任,但会造成个人信用信息的困扰。因此,对于个人来讲,要妥善保管自己的身份证,避免不必要的麻烦。对于贷款机构来说,单纯的认证了身份证的真伪是不够的,还需要进行“身份认证

    2024年04月23日
    浏览(24)
  • 记录--如何在H5中实现OCR拍照识别身份证功能

    由于当前项目中需要实现身份证拍照识别的功能,如果是小程序可以使用微信提供的 ocr-navigator 插件实现,但是在企业微信的H5中没有提供该插件,所以需要手动实现该功能。 众所周知,前端H5中浏览器打开相机打开的是原生相机,无法在相机的界面上覆盖自定义的元素,比如

    2024年02月06日
    浏览(22)
  • 【合合TextIn】OCR身份证 / 银行卡识别功能适配鸿蒙系统

    目录 一、 鸿蒙系统与信创国产化的背景 二、两款产品的兼容性升级详情 三、身份证产品介绍 四、银行卡识别产品 五、承诺与展望 一、 鸿蒙系统与信创国产化的背景 自鸿蒙系统推出以来,其不仅成为了华为在软件领域的重要里程碑,更是国产操作系统的一面旗帜,也是国

    2024年04月10日
    浏览(36)
  • uniapp 前端实现文字识别,身份证识别,营业执照识别 (兼容APP、H5、小程序 不需要任何SDK)

    本文将介绍如何使用uniapp和百度AI开放平台的OCR(光学字符识别)API实现身份证、营业执照等卡证的识别和文字识别功能。 APP 小程序 H5 √ √ √ 1. 注册百度账号 前往百度AI开放平台官网,点击“登录”。使用百度账号登录,如果没有可以先注册百度账号。 登录成功后,点击右上角

    2024年02月10日
    浏览(43)
  • uniapp 微信小程序 - 调起手机摄像头: 拍摄身份证的正反面,自定义身份证取景框,在相机上绘制 “身份证轮廓“ 与提示文字(超详细示例源码,一键复制运行开箱即用)

    这个需求很难在网上找到,就算找到都是很乱的代码。。 本篇博客实现了在uniapp项目中,微信小程序平台下调起手机相机照身份证功能,在相机上添加辅助框、自定义文案或图片(给相机加上身份证辅助线的轮廓),并且解决了 “拒绝相机默认授权后,无法再次拉起相机授

    2024年02月09日
    浏览(162)
  • 身份证实名接口和身份证OCR接口的组合使用

    随着网络技术的快速发展以及对个人信息保护意识的提升,身份证实名认证已成为诸多在线业务中不可或缺的一环。身份证实名接口与身份证OCR接口的有机结合,为用户提供了一种快速、精准、安全的身份信息核验方式。 首先,用户在应用程序或网站界面上传其身份证正反两

    2024年04月26日
    浏览(36)
  • uniapp小程序引入身份证识别、营业执照识别

    首先去微信服务市场  下滑 找到微信证件OCR识别 点击购买   选择你的小程序 可以在我的订单 -- 开发者资源 -- 使用中 看到 然后直接copy代码  就大功告成! 想了解参数意思  看文档   请注意---- 我们是直接调用微信OcrAllInOne接口,而不是使用微信Ocr插件,因此像其他文章,

    2024年03月18日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包