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框中实现扫描自动带入功能,需要其他信息可自行添加。