雅安论坛

标题: 微信小程序扫描二维码或者条码 [打印本页]
作者: 未命名    时间: 2022-1-3 18:52
标题: 微信小程序扫描二维码或者条码
微信小程序扫描二维码或者条码示例代码
  1. // 允许从相机和相册扫码
  2. wx.scanCode({
  3.   success(res) {
  4.     console.log(res)
  5.   }
  6. })

  8. // 只允许从相机扫码
  9. wx.scanCode({
  10.   onlyFromCamera: true,
  11.   success(res) {
  12.     console.log(res)
  13.   }
  14. })
复制代码
WXML部分（应用）：
  1. <view class='form-list'>
  2.   <text>条形码</text>
  3.   <input type='text' value='{{scanCodeMsg}}'></input>
  4.   <image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
  5. </view>
复制代码
给扫描按钮的图片绑定一个事件，点击调用摄像头扫码，扫描成功将数值赋给 input 输入框的 value 值。效果如下图：
(, 下载次数: 57)

  1. data: {
  2.   scanCodeMsg: "",
  3. },
  4. scanCode: function() {
  5.   var that = this;
  6.   wx.scanCode({ //扫描API
  7.     success(res) { //扫描成功
  8.       console.log(res) //输出回调信息
  9.       that.setData({
  10.         scanCodeMsg: res.result
  11.       });
  12.       wx.showToast({
  13.         title: '成功',
  14.         duration: 1000
  15.       })
  16.     }
  17.   })
  18. },
复制代码


来源http://caibaojian.com/wx-scancode.html感谢分享



欢迎光临 雅安论坛 (https://www.yaanbbs.net/) Powered by Discuz! X3.4