分享

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

 昵称11935121 2018-07-12

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


身份证识别功能准备

识别身份证功能:

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

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

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

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

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

上传图片预览:

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

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

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

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

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多