小程序识别身份证，银行卡，营业执照，驾照

最近老是有同学问我小程序ocr识别的问题，就趁机研究了下，实现了小程序识别身份证，银行卡，驾照，营业执照，图片文字的功能。今天来给大家讲讲详细的实现流程。

先画一张流程图出来

第一次看到这个流程图，可能有点萌，什么云开发，云函数。。。。?
不要着急，我们接下来会一步步带大家实现。

先看下我们的页面和效果图。

功能其实很简单，就是我们点对应的按钮后，去拍照或者去相册选择对应的图片。然后把图片上传到云存储，会有一个对应的图片url，然后把这个图片url传递到云函数，然后云函数里使用小程序的开发ocr能力，来识别图片，返回对应的信息回来。如下图所示，我们识别银行卡（身份证什么的就不演示了，涉及到石头哥个人隐私）

接下来就是代码的实现了。

一，首先要创建一个云开发的小程序项目

这里我前面文章有讲解过，就不再细说了，不会的同学去翻看下我之前的文章。或者看下我录制的 讲解视频?
这里有一点需要注意的给大家说下

二，创建一个简单的小程序页面

1，index.wxml如下

2，index.js完整代码如下

Page({

  //身份证
    this.photo("shenfenzheng")
//银行卡
"yinhangka")
//行驶证
"xingshizheng")

  photo(type){
    wxchooseImage({
 'compressed'],
'camera'        // tempFilePath可以作为img标签的src属性显示图片

        thatuploadImg imgUrl)
    })

  uploadImgthis
      cloudPath'ocr/'+ type '.png' res =>        consolelog"上传成功"fileID)

"上传失败" err)
})

  getImgUrlthis
      fileList[imgUrlfileList].tempFileURL
shibie"获取图片url失败"}
//调用云函数，实现OCR识别
      name"ocr"      data        type type"识别成功"})

})

// 云函数入口文件
const cloud require'wx-server-sdk'init()

exportsmain  async(event context{
}event
:
return shenfenzheng'yinhangka':
 yinhangka)
'xingshizheng'// 识别行驶证
}

async function{
      type'photo'      imgUrl result
}
{
})
 err
vehicleLicense({
})
 err
其实没什么特别的，就是用一个switch方法，根据用户传入的不同的type值，来实现不同的识别效果。?
如用传入的type是‘ yinhangka’，我们就调用银行卡识别


 imgUrl
 result
}