微信小程序运用摄像头识别二维码的方法探讨

why 309 2024-07-23

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

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

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

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

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

1

2

3

4

5

<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、然后编写按钮的点击事件,将识别的二维码内容输出即可。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

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

      })

    }

  })

},

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:关于小程序名字能否重复的深入探究
下一篇:微信小程序注册新页面的操作方式详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~