微信小程序怎么用摄像头识别二维码

142 阅读 0 评论 94 点赞

我是靠谱客的博主饱满毛豆，最近开发中收集的这篇文章主要介绍微信小程序怎么用摄像头识别二维码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

微信小程序怎么用摄像头识别二维码

微信小程序为我们提供了一个API：wx.scanCode(Object object)，可以用它调用扫码功能来识别二维码。

推荐学习：小程序开发

用摄像头识别二维码的方法如下：

1、首先编写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>
登录后复制

2、然后编写按钮的点击事件，将识别的二维码内容输出即可。

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
      })
    }
  })
},
登录后复制

PHP中文网，大量免费MySQL视频教程，欢迎学习！

以上就是微信小程序怎么用摄像头识别二维码的详细内容，更多请关注靠谱客其它相关文章！