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

• Z时代
• 2024-01-10
• 分类：技术分享

最近在做一个产品，程序是需要扫描条形码然后跳转到对应的产品信息页，其实微信小程序就有一个扫码识别的API，下面一起来看看：

wx.scanCode(Object object)

调起客户端扫码界面进行扫码。

示例代码：

// 允许从相机和相册扫码
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 值。效果如下图：

JS 部分（应用）：

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
      })
    }
  })
},

参数 Object object

object.scanType 的合法值

object.success 回调函数

参数

Object res

res.scanType 的合法值

以上就是关于微信小程序扫描二维码的相关介绍，希望文章对你有所帮助。

以上是 微信小程序扫描二维码或者条码 的全部内容， 来源链接： utcz.com/a/116883.html