这是扫一扫的效果图,看后台打印
这个是测试二维码
这是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)
};
}
});
},