微信小程序开发,使用扫一扫功能

这是扫一扫的效果图,看后台打印
在这里插入图片描述
这个是测试二维码
在这里插入图片描述
这是wxml代码,复制代码到微信开发者工具,结合下面代码可以触发图片选择功能,手机可以触发拍照和相册选择。
我这用了vant ui,直接改文字,避免没装依赖报错

	<view class="scan" bindtap="scan">
				
				//<van-button round color="#acdcdc" size="large"> <text>扫一扫</text>
				//</van-button>
				扫一扫
			</view>

这个是触发的方法,放在与onLoad同级即可。
我注释的是后续二维码的处理,因为用不上,用会报错,所以注释了。
打印出内容,自己再根据需求处理扫出来的数据即可。

 scan() { // 扫一扫
    wx.scanCode({
      success: (res) => {
        let serialnumber, type;
        if (res.result.length > 30) {
          // 二维码base64加密
          // this.base64_decode(res.result);
          // serialnumber = this.data.scanValue.match(/serialnumber:(\S*),type/)[1]; //筛选扫描后的数据
          // type = this.data.scanValue.match(/type:(\S*)/)[1]; //同上
          // this.scanRequest(serialnumber, type);
          console.log(res.result,serialnumber,type)
        } else {
          // serialnumber = res.result.match(/serialnumber:(\S*),type/)[1]; //筛选扫描后的数据
          // type = res.result.match(/type:(\S*)/)[1]; //同上
          // this.scanRequest(serialnumber, type);
          console.log(res.result,serialnumber,type)
        };
      }
    });
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值