小程序使用官方插件ocr识别身份证

不凡其他 2020-04-14 1.0K+

小程序使用官方的ocr来识别身份证的信息，ocr除了识别身份证外还可以识别银行卡、驾驶证、营业执照

具体方法如下：

一、登录小程序后台，点击设置-第三方服务-添加插件-搜索ocr-添加

小程序使用官方插件ocr识别身份证-第1张图片-爱制作博客

二、在app.json中增加声明引入插件

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

三、页面的json中增加声明

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

四、wxml代码

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

五、js代码

sfzSuccess: function (e) {
    console.log('身份证识别');
    console.log(e);
    console.log(e.detail);
    console.log("姓名："+e.detail.name.text);
    console.log("性别："+e.detail.gender.text);
    console.log("民族："+e.detail.nationality.text);
    console.log("身份证号："+e.detail.id.text);
    console.log("居住地址："+e.detail.address.text);
    this.setData({
      name: e.detail.name.text,
      gender:e.detail.gender.text,
      nationality:e.detail.nationality.text,
      cardNum:e.detail.id.text,
      address:e.detail.address.text,
    })
},