首页 > 微信小程序 > 小程序开发 > 微信小程序怎么用摄像头识别二维码

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

angryTom
发布: 2020-03-23 12:53:39
原创
7354 人浏览过

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

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

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

推荐学习:小程序开发

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

1、首先编写wxml文件,添加调用扫码功能的按钮

<view class=&#39;form-list&#39;>
  <text>二维码内容</text>
  <input type=&#39;text&#39; value=&#39;{{scanCodeMsg}}&#39;></input>
  <image class=&#39;scan&#39; bindtap=&#39;scanCode&#39; src=&#39;/images/scanCode.png&#39; mode=&#39;widthFix&#39;></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: &#39;成功&#39;,
        duration: 1000
      })
    }
  })
},
登录后复制

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

以上是微信小程序怎么用摄像头识别二维码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板