小程序开发连载二十二之身份证识别接口

上一篇文章讲解“申请身份证识别接口+文件上传”,本篇文章讲解“身份证识别接口”。 注意:本篇文章需要配合上一篇文章学习

身份证识别接口

图片上传成功后,调用身份证识别接口,识别身份证信息。

1)身份证识别接口

接口信息

请求参数

接口的用法

2)图片二进制数据的base64编码

在接口中要求图片的base64编码,要转图片的编码需要使用程序,但是网上有很多的在线转图片编码,可以进行测试后,再使用程序编码。

随便找一个在线图片转base64编码,将身份证图片进行编码:

获取图片的base64编码后,线上进行调试,点击身份证接口页面的“调试工具”进行线上调试。

将图片的base64编码放到image参数下,注意将编码格式信息删除:

删除编码格式信息后:

点击“发送请求”按钮,获取到身份证信息:

注意:

1. 图片的base64编码在使用时,要将编码格式信息删除。

3)调用身份证识别接口

将图片提交到服务器进行处理后,要调用身份证识别接口进行获取身份证信息。

4)将图片进行base64编码

在调用身份证识别接口时,需要图片的base64编码,将图片转为base64编码应该在图片上传到的服务器接口中。

在服务器接口中(wx.uploadFile图片上传的接口),将图片转为base64编码

注意:

1. 在将图片转为base64编码时,需要使用图片的路径,正常需要将图片上传到服务器,保存到数据库等操作,为了方便,以上将这些步骤均省略了,直接使用的图片临时保存路径。

2. 在拼接base64编码信息时,可以直接不加编码信息,如果加了需要在程序中进行处理。

5)使用图片的base64编码

将图片进行编码后,从服务器接口返回图片的编码信息,输出查看。

返回资源的data参数下保存的是图片的编码信息,将其放到身份证识别接口的参数下。

编译预览:

6)展示身份证信息

获取到身份证信息后,在界面层展示即可。

将身份证信息赋值给页面初始化数据参数

注意:

1. 在页面初始化数据data下定义参数。

在界面层在展示

编译预览:

关注卓象程序员,定期发布技术文章

小程序开发入门到此结束

接下来讲解Vue.js

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180801A0AYDH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券