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

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

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

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

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

 微信小程序身份证识别,web技术栈,微信小程序,小程序,微信

2:添加ocr插件。

微信小程序身份证识别,web技术栈,微信小程序,小程序,微信

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

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

微信小程序身份证识别,web技术栈,微信小程序,小程序,微信

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

二:功能开发

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能力的方式来进行开发。

微信小程序身份证识别,web技术栈,微信小程序,小程序,微信

文档地址: 

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

微信小程序身份证识别,web技术栈,微信小程序,小程序,微信

 微信小程序身份证识别,web技术栈,微信小程序,小程序,微信

 利用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) {
    // 调用ocr
    try {
        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 方法拿到证件有效期等信息,然后对数据自行处理成所需要的格式。文章来源地址https://www.toymoban.com/news/detail-794742.html

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

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

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

相关文章

  • 从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日
    浏览(52)
  • Java集成腾讯云OCR身份证识别接口

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

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

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

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

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

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

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

    2024年04月10日
    浏览(55)
  • Vue-Uni-App小程序实现身份证识别

    需求:实现一个身份证的识别功能!看下方图片! 思路:(把用户上传的身份证图片转成base64请求接口发送给后端,后端返回对应的信息渲染到页面上就行了! ) 在export default 下面注册 data card{}里面是放的背景图片! template 效果如下 可以看见背景图片已经出来了!用户点

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

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

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

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

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

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

    2024年04月26日
    浏览(57)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包