微信小程序之用camera实现类似扫码枪连续扫码

本文介绍了如何在微信小程序中使用camera组件实现类似扫码枪的连续扫码功能。通过设置mode为'scanCode'并监听bindscancode事件,实现了扫码识别后的连续扫描。作者分享了自己的wxml相机组件代码和对应的js处理函数,以供读者实践参考。

微信小程序之用camera实现类似扫码枪连续扫码

搜了优快云里面的文章,除了有一篇有关微信小程序(用微信小程序里面代码实现)扫码的功能,其它都是用别的(原博文是:小程序连续扫码实现但是他只是实现了一次扫码后就不能再继续扫码了,在js代码部分出现了错误。博主讲得很详细,我只是在js部分进行了修改。),自己在想做一个小程序时就进行了修改尝试,结果还行!
首先是,camera组件中需要知道mode=“scanCode” 是扫码的模式,bindscancode='takeCode’是在扫码识别成功时触发,仅在 mode=“scanCode” 时生效。
下面代码是我自己在小程序wxml里面写的camera组件

<camera mode="scanCode" binderror="error" bindscancode='takeCode'>

接下来就是对应js文件的在Page(){}里面补上对takeCode的补充。

 takeCode(e) {
    if (this.data.scanFunctionIsUseAble){
      this.setData({
        scanFunctionIsUseAble: false,
        code:e.detail.result,
      })
      console.log(this.data.code);
      var fileCode = e.detail.result;
      setTimeout(()=>{this.setData({scanFunctionIsUseAble:true,})},2000)
      //每隔两秒可以扫一次
    }
  },

运行结果:
在这里插入图片描述

有兴趣可以试一试。

评论 8
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值