未命名 发表于 2022-1-3 18:52:27

微信小程序扫描二维码或者条码

微信小程序扫描二维码或者条码示例代码
// 允许从相机和相册扫码
wx.scanCode({
success(res) {
    console.log(res)
}
})

// 只允许从相机扫码
wx.scanCode({
onlyFromCamera: true,
success(res) {
    console.log(res)
}
})WXML部分(应用):
<view class='form-list'>
<text>条形码</text>
<input type='text' value='{{scanCodeMsg}}'></input>
<image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
</view>给扫描按钮的图片绑定一个事件,点击调用摄像头扫码,扫描成功将数值赋给 input 输入框的 value 值。效果如下图:


data: {
scanCodeMsg: "",
},
scanCode: function() {
var that = this;
wx.scanCode({ //扫描API
    success(res) { //扫描成功
      console.log(res) //输出回调信息
      that.setData({
      scanCodeMsg: res.result
      });
      wx.showToast({
      title: '成功',
      duration: 1000
      })
    }
})
},

来源http://caibaojian.com/wx-scancode.html感谢分享
页: [1]
查看完整版本: 微信小程序扫描二维码或者条码