人脸识别功能

最新推荐文章于 2024-05-07 13:42:36 发布

周亚鑫

最新推荐文章于 2024-05-07 13:42:36 发布

阅读量546

点赞数 3

分类专栏： vue 文章标签： vue 人脸识别

本文链接：https://blog.csdn.net/q4717529/article/details/120560674

版权

vue 专栏收录该内容

121 篇文章 15 订阅

订阅专栏

先调用 api 在public 下的index.html中引入这个支付宝人脸api
在这里插入图片描述
第一个是手机打印的api 也就是手机上的console

<script type="text/javascript" src="//portal.zjzwfw.gov.cn/assets/jsbridge/1.0.0/jsbridge.js"></script>
<script type="text/javascript" src="//assets.zjzwfw.gov.cn/assets/ZWJSBridge/1.0.1/zwjsbridge.js"></script>

点击采集本人人脸拉起人脸识别

<p style="margin-top:30px" class="gohome" @click="rlrz">采集本人人脸</p>

以下是人脸识别的逻辑代码

methods: {
     rlrz() {
      window.ZWJSBridge.onReady(() => {
        ZWJSBridge.zmAuthentication({})
          .then(data => {
            console.log(data);
            let pass=data.pass
            if(pass==true){
              this.$toast("识别成功")
              this.$router.replace({ path: '/talentsCode/HouseSubsidy/anjiabtTip', query: {} })
            }else{
              this.$toast("识别失败，非本人 请重新进行人脸识别！")
            }
            // data=> {"pass" : true, // "passId" : "xxxxx"} }).catch((error) => { console.log(error); });
          })
          .catch(error => {
            console.log(error);
            // this.biz_name = res.biz_name;
          });
      });
    }
},