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

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

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

   

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

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

"plugins": {
    "ocr-plugin": {
      "version": "3.1.1",
      "provider": "wx4418e3e031e551be"
    }
  },

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

 "usingComponents": {
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  },

5、直接在wxml中写

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

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

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

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

6、js中调用方法

page({

data:{
    name:'',
    idd:''
}

 success(e){
    console.log(e.detail)
    this.setData({
      name:e.detail.name.text,
      idd:e.detail.id.text
    })

})

7、在input中绑定value值

 <view class="input_name"><text>姓名</text>
      <input type="text" value="{{name}}" placeholder="请输入真实姓名" placeholder-style="text-align: right;" />
    </view>
    <view class="input_id"><text>身份证</text>
      <input type="text" value="{{idd}}" placeholder="请输入身份证号码" placeholder-style="text-align: right;" />
    </view>

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

  • 6
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值