admin管理员组文章数量:1516870
微信身份证拍照
需求：将身份证正反面拍照无需识别，并显示在页面中。
功能实现：
需要用到组件camera显示相片，其所包含的参数有
| 属性名 | 类型 | 默认值 | 说明 | 最低版本 |
|---|---|---|---|---|
| mode | String | normal | 有效值为 normal, scanCode | 2.1.0 |
| device-position | String | back | 前置或后置，值为front, back | |
| flash | String | auto | 闪光灯，值为auto, on, off | |
| bindstop | EventHandle | 摄像头在非正常终止时触发，如退出后台等情况 | ||
| binderror | EventHandle | 用户不允许使用摄像头时触发 | ||
| bindscancode | EventHandle | 在扫码识别成功时触发，仅在 mode="scanCode" 时生效 | 2.1.0支持一维码，2.4.0支持二维码 |
不必要全部写上，写需要的属性即可。
1 布局完成--wxml+wxss
2 点击拍照进行拍摄--js
先创建相机对象：var ctx=wx.createCameraContext()；再在此对象的基础上进行操作：ctx.takePhoto({})，属性有
| 属性 | 类型 | 默认值 | 是否必填 | 说明 | 值 |
|---|---|---|---|---|---|
| quality | string | normal | 否 | 成像质量 | high、normal、low |
| success | function | 否 | 接口调用成功的回调函数 | res.tempImagePath（图片的临时路径） | |
| fail | function | 否 | 接口调用失败的回调函数 | ||
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
使用camera组件时需注意有scope受限，需要用户授权，再通过wx.getSetting({success:function(res){//res.authSetting 用户授权结果}})来获取用户授权的结果，之后再进行对应的操作。
弹出让用户授权的信息，使用wx.authorize({scope: "scope.userInfo"})；若无法弹出授权窗口，请使用<button open-type='getUserInfo'/>。
【我觉得应该写在点击拍照的方法里...有待考证......】
3 显示图片到img中
【要传给后台需要在表单提交】
有不足之处欢迎指正，共同学习。
(⌒▽⌒)
本文标签： 微信身份证拍照
版权声明：本文标题：微信身份证拍照 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1707360765a722137.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论