技术|小程序入门连载(二十一)-购买身份证识别接口+文件上传

原创 小伙子  2018-12-20 22:13:41  阅读 76 次 评论 0 条

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


身份证识别功能准备 

识别身份证功能:

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

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

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

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


上传图片预览:

技术|小程序入门连载(二十一)-购买身份证识别接口+文件上传


本文地址:http://linuxphp.cn/76.html
版权声明:本文为原创文章,版权归 小伙子 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?