devbox
小丑西瓜9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

小程序实现人脸识别功能_wx.startfacialrecognitionverify

作者：小丑西瓜9 | 2024-04-06 20:49:10

赞

踩

wx.startfacialrecognitionverify

调用api   wx.startFacialRecognitionVerify

第一步:

  1.       // 修改方法
  2.       expertUpdate() {
  3.  
  4.        let _this = this
  5.        wx.startFacialRecognitionVerify({
  6.           name: _this.registerForm.realName, //身份证名称
  7.           idCardNumber: _this.registerForm.idCard, //身份证号码
  8.           checkAliveType: 1, //屏幕闪烁(人脸核验的交互方式，默认0,读数字)
  9.           success(res) {
  10.             
  11.          console.log(res)  //认证结果
  12.          if(res.errCode == 0){
  13.           //识别成功  这个时候可以调后端的接口 （带着返的res.verifyResult）
  14.           _this.verifyUser(res.verifyResult)
  15.         }else{
  16.         	tipInfo("识别失败")
  17.         }
  18.           },
  19.           complete(res) {
  20.           console.log(res)
  21.           },
  22.           fail(e) {
  23.             console.log("err", err)//失败处理方法
  24.            wx.showToast('请保持光线充足，面部正对手机，且无遮挡')
  25.           }
  26.    
  27.         })
  28. }
  29.  
  30.

第二步:调方法 校验后端的接口

  1.  // 人脸识别  根据上一个方法把verify_result传过来  //后端的校验接口
  2.  
  3.  
  4.       verifyUser(verify_result) {
  5.         //看后端实际要求 要传身份证号码不
  6.         let obj = {
  7.           uuid: this.infoForm.idCard,
  8.           verify_result: verify_result
  9.         }
  10.  
  11.       //后端接口=>verifyUser
  12.         verifyUser(obj).then(res => {
  13.           if (res.code == '0') {
  14.             this.$refs.uForm.validate().then(res => {
  15.               let obj = {
  16.                 pkid: uni.getStorageSync('expert_info').pkid,
  17.                 memberId: uni.getStorageSync('expert_info').memberId,
  18.                 avatar: this.fileList1[0].url,
  19.                 realName: this.infoForm.realName,
  20.                 orgName: this.infoForm.orgName,
  21.                 idCard: this.infoForm.idCard,
  22.                 province: this.infoForm.province,
  23.                 city: this.infoForm.city,
  24.                 district: this.infoForm.district,
  25.                 phone: this.infoForm.phone,
  26.                 professorLevel: this.infoForm.professorLevel,
  27.                 adept: this.infoForm.adept,
  28.                 intro: this.infoForm.intro,
  29.                 smsCode: this.infoForm.smsCode,
  30.                 annex: this.fileList2,
  31.               }
  32.              //修改方法
  33.               expertUpdate(obj).then(res => {
  34.                 console.log(res, '修改成功了吗');
  35.                 if (res.code == '0') {
  36.                   uni.$u.toast('修改成功', 5000)
  37.                   uni.navigateBack()
  38.                   //修改成功后 是返回上一步  还是跳转其他页面 根据实际情况
  39.                 } else {
  40.                   uni.$u.toast(res.msg, 5000)
  41.                 }
  42.               })
  43.               console.log(res);
  44.       
  45.             }).catch(error => {
  46.               console.log(error);
  47.               uni.$u.toast('请先按要求填写', 5000)
  48.             })
  49.           }
  50.         })
  51.       
  52.       },

注释:完整方法  这个是实现小程序个人信息完善,加了一个判断,如果 输入框没有值则需要走人脸识别验证方法  如果有值 只是修改其他项 就不需要验证  修改完成之后 名字和身份证号码直接禁用

  1.  // 修改方法
  2.       expertUpdate() {
  3.         if (this.fileList1.length == 0) {
  4.           uni.$u.toast('请上传头像')
  5.           return false
  6.         }
  7.         // 判断 realName 是否为空
  8.         if (!this.infoForm.realName) {
  9.           uni.$u.toast('请填写姓名');
  10.           return false;
  11.         }
  12.         // 验证 realName 是否为中文
  13.         const chineseRegex = /^[\u4e00-\u9fa5]+$/;
  14.         if (!chineseRegex.test(this.infoForm.realName)) {
  15.           uni.$u.toast('姓名必须为中文');
  16.           return false;
  17.         }
  18.         // 判断 idCard 是否为空
  19.         if (!this.infoForm.idCard) {
  20.           uni.$u.toast('请填写身份证号码');
  21.           return false;
  22.         }
  23.         // 验证 idCard 是否符合身份证标准
  24.         const idCardRegex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  25.         if (!idCardRegex.test(this.infoForm.idCard)) {
  26.           uni.$u.toast('身份证号格式不正确');
  27.           return false;
  28.         }
  29.         if (this.fileList2.length == 0) {
  30.           uni.$u.toast('请上传附件')
  31.           return false
  32.         }
  33.         if (this.infoForm.intro.length > 200) {
  34.           uni.$u.toast('简介字数不能超过200字!')
  35.           return false
  36.         }
  37.         if (!this.flag) {
  38.           let _this = this
  39.           wx.startFacialRecognitionVerify({
  40.             name: _this.infoForm.realName,
  41.             idCardNumber: _this.infoForm.idCard,
  42.             checkAliveType: 1,
  43.             success(res) {
  44.               console.log(res)
  45.               _this.verifyUser(res.verifyResult)
  46.               // console.log(res)
  47.               // uni.navigateBack()
  48.             },
  49.             complete(res) {
  50.               console.log(res)
  51.             },
  52.             fail(e) {
  53.               // console.log(res)
  54.               // console.log(_this.infoForm.realName)
  55.               // console.log(_this.infoForm.idCard)
  56.               console.log(e, 'fail')
  57.             }
  58.           })
  59.         } else {
  60.           this.$refs.uForm.validate().then(res => {
  61.             let obj = {
  62.               pkid: uni.getStorageSync('expert_info').pkid,
  63.               memberId: uni.getStorageSync('expert_info').memberId,
  64.               avatar: this.fileList1[0].url,
  65.               realName: this.infoForm.realName,
  66.               orgName: this.infoForm.orgName,
  67.               idCard: this.infoForm.idCard,
  68.               province: this.infoForm.province,
  69.               city: this.infoForm.city,
  70.               district: this.infoForm.district,
  71.               phone: this.infoForm.phone,
  72.               professorLevel: this.infoForm.professorLevel,
  73.               adept: this.infoForm.adept,
  74.               intro: this.infoForm.intro,
  75.               smsCode: this.infoForm.smsCode,
  76.               annex: this.fileList2,
  77.             }
  78.             expertUpdate(obj).then(res => {
  79.               console.log(res, '修改成功了吗');
  80.               if (res.code == '0') {
  81.                 uni.$u.toast('修改成功', 5000)
  82.                 uni.navigateBack()
  83.                 // this.getExpertInfo()
  84.               } else {
  85.                 uni.$u.toast(res.msg, 5000)
  86.               }
  87.             })
  88.             console.log(res);
  89.  
  90.           }).catch(error => {
  91.             console.log(error);
  92.             uni.$u.toast('请先按要求填写', 5000)
  93.           })
  94.         }
  95.       },
  96.       
  97.       // 人脸识别
  98.       verifyUser(verify_result) {
  99.         let obj = {
  100.           uuid: this.infoForm.idCard,
  101.           verify_result: verify_result
  102.         }
  103.         verifyUser(obj).then(res => {
  104.           if (res.code == '0') {
  105.             this.$refs.uForm.validate().then(res => {
  106.               let obj = {
  107.                 pkid: uni.getStorageSync('expert_info').pkid,
  108.                 memberId: uni.getStorageSync('expert_info').memberId,
  109.                 avatar: this.fileList1[0].url,
  110.                 realName: this.infoForm.realName,
  111.                 orgName: this.infoForm.orgName,
  112.                 idCard: this.infoForm.idCard,
  113.                 province: this.infoForm.province,
  114.                 city: this.infoForm.city,
  115.                 district: this.infoForm.district,
  116.                 phone: this.infoForm.phone,
  117.                 professorLevel: this.infoForm.professorLevel,
  118.                 adept: this.infoForm.adept,
  119.                 intro: this.infoForm.intro,
  120.                 smsCode: this.infoForm.smsCode,
  121.                 annex: this.fileList2,
  122.               }
  123.               expertUpdate(obj).then(res => {
  124.                 console.log(res, '修改成功了吗');
  125.                 if (res.code == '0') {
  126.                   uni.$u.toast('修改成功', 5000)
  127.                   uni.navigateBack()
  128.                   // this.getExpertInfo()
  129.                 } else {
  130.                   uni.$u.toast(res.msg, 5000)
  131.                 }
  132.               })
  133.               console.log(res);
  134.       
  135.             }).catch(error => {
  136.               console.log(error);
  137.               uni.$u.toast('请先按要求填写', 5000)
  138.             })
  139.           }
  140.         })
  141.       
  142.       },

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/374230
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号