卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们13101507057

加微信,了解详情
您所在的位置:首页 > 文章 >小程序连载

「小程序开发连载二十一」购买身份证识别接口+文件上传
时间: 2018-11-08 17:06:16     来源: 卓象IT实训基地【原创】

上一篇文章讲解“调用手机硬件”,本篇文章讲解“购买身份证识别接口+文件上传”。


身份证识别功能准备

识别身份证功能:

作用:上传身份证后,获取身份证信息。

流程:选择图片后,将图片上传返回信息,调用“身份证识别”接口。

1. 购买识别身份证的接口

「小程序开发连载二十一」购买身份证识别接口+文件上传


够买最低的0.01元/100次即可:

「小程序开发连载二十一」购买身份证识别接口+文件上传


2. 构建身份证识别界面

1)创建页面

在小程序app.json文件中添加页面,为了方便,直接放在第一页即可:

「小程序开发连载二十一」购买身份证识别接口+文件上传


2)构建页面结构

在discern.wxml文件中构建身份证识别的界面格式(可以自己做一个好看的排版):

「小程序开发连载二十一」购买身份证识别接口+文件上传


编译预览:

「小程序开发连载二十一」购买身份证识别接口+文件上传


3. 点击按钮触发事件,选择图片

1)定义初始化数据,并定义choose点击事件,触发choose事件选择图片。

「小程序开发连载二十一」购买身份证识别接口+文件上传


2)在界面层显示图片

「小程序开发连载二十一」购买身份证识别接口+文件上传


编译预览:

「小程序开发连载二十一」购买身份证识别接口+文件上传



文件上传

选择图片后,要将图片进行上传,使用上传API——wx.uploadFile(OBJECT)。

1. 上传API——wx.uploadFile(OBJECT)

将本地资源上传到开发者服务器,客户端发起一个 HTTPS POST 请求,其中content-type为multipart/form-data。

如页面通过wx.chooseImage等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器。

OBJECT参数说明:

「小程序开发连载二十一」购买身份证识别接口+文件上传


success返回参数说明:

「小程序开发连载二十一」购买身份证识别接口+文件上传


1)图片选择成功后,将图片上传

「小程序开发连载二十一」购买身份证识别接口+文件上传


2)开发者服务器url

将图片上传到服务器接口,对图片进行处理,并返回处理后的信息。

「小程序开发连载二十一」购买身份证识别接口+文件上传


上传图片预览:

「小程序开发连载二十一」购买身份证识别接口+文件上传


「小程序开发连载二十一」购买身份证识别接口+文件上传


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

下一篇文章讲解“身份证识别接口”

「小程序开发连载二十一」购买身份证识别接口+文件上传