首页 小程序 微信小程序身份证扫描OCR(信息自动带入)

微信小程序身份证扫描OCR(信息自动带入)

1、需要到微信小程序社区平台添加此插件

设置—第三方设置—插件管理(添加插件 OCR)

2、添加完插件后,需要到微信服务平台购买识别次数(微信服务平台),可以先免费0元试用一天100次,如果不购买则会报错误

3. 接下来是代码中需要配置
app.json

  1. "plugins": {
  2. "ocr-plugin": {
  3. "version": "3.1.1",
  4. "provider": "wx4418e3e031e551be"
  5. }
  6. },

4、那个页面使用就在该页面json中加入

  1. "usingComponents": {
  2. "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  3. },

5、直接在wxml中写

  1. <ocr-navigator bind:onSuccess="success" certificateType="idCard" opposite="{{false}}">
  2. <button>身份证识别</button>
  3. </ocr-navigator>

bind:onSuccess为成功的回调 ,可以在js方法区写好,打印返回结果。

certificateType为识别卡片的类型。
身份证:idcard。
驾驶证:drivingLicense
银行卡:bankCard
营业执照:businessLicense

opposite:false身份证正面,true为反面(国徽面)是否显示正反面。

6、js中调用方法

  1. page({
  2. data:{
  3. name:'',
  4. idd:''
  5. }
  6. success(e){
  7. console.log(e.detail)
  8. this.setData({
  9. name:e.detail.name.text,
  10. idd:e.detail.id.text
  11. })
  12. })

7、在input中绑定value值

  1. <view hljs-string">"input_name"><text>姓名</text>
  2. <input type="text" value="{{name}}" placeholder="请输入真实姓名" placeholder->"text-align: right;" />
  3. </view>
  4. <view hljs-string">"input_id"><text>身份证</text>
  5. <input type="text" value="{{idd}}" placeholder="请输入身份证号码" placeholder->"text-align: right;" />
  6. </view>

扫描身份证后对应的名字,身份证号会自动填入input框中实现扫描自动带入功能,需要其他信息可自行添加。

特别声明:本站部分内容收集于互联网是出于更直观传递信息的目的。该内容版权归原作者所有,并不代表本站赞同其观点和对其真实性负责。如该内容涉及任何第三方合法权利,请及时与824310991@qq.com联系,我们会及时反馈并处理完毕。