【微信小程序】扫描二维码/条形码，并获取信息

前言：微信小程序-->调用摄像头，扫描二维码/条形码，并获取信息，一连串操作，只需要调用微信小程序提供的 wx.scanCode API。

一、生成测试二维码

随便网上找个二维码生成器。

二、实现代码

<!--test.wxml-->
<button style="margin-top:50px;" bindtap="getQRCode">扫一扫</button>
<view>{{ qRCodeMsg }}</view>

//test.js
Page({data:{qRCodeMsg:''},getQRCode: function(){var _this = this;wx.scanCode({        //扫描APIsuccess: function(res){console.log(res);    //输出回调信息_this.setData({qRCodeMsg: res.result});wx.showToast({title: '成功',duration: 2000})}})}
})

输出结果：

其中

res.result：就是我们需要的结果啦。

res.scanType：是扫描到的类型。"QR_code"为二维码，"EAN_13"为条形码

【微信小程序】扫描二维码/条形码，并获取信息相关推荐

微信小程序扫描二维码条形码 (wx.scanCode)
前言在业务中遇到需要获取商品的二维码的信息返回商品的二维码信息,在调用后台的接口,首先想到用小程序的Api,wx.scanCode(Object object)获取二维码信息. 支持相机扫描或者相册 ...
微信小程序扫描二维码条形码
wxml代码 <button class='deaBtn' bindtap='scancode'>扫描二维码</button> js代码 scancode: function( ...
微信小程序扫描二维码或者条码
程序是需要扫描条形码然后跳转到对应的产品信息页,其实微信小程序就有一个扫码识别的API,下面一起来看看: wx.scanCode(Object object) 调起客户端扫码界面进行扫码. 示例代码: ...
张小龙详细解读：微信小程序扫描二维码可进入（附实录）
在今天举行的2017微信公开课PRO版上,腾讯微信负责人张小龙表示,微信小程序特性是:无须安装.触手可及.用完即走.无须卸载. 张小龙解答了关于小程序的疑问,并透露小程序计划于2017年1月9日正式上 ...
微信小程序扫二维码/条形码标准倒计时
// pages/orderDetail/orderDetail.js var utiltime = require('../../../../utils/time.js') var utilsign ...
微信小程序扫描二维码、小程序码进入的开发测试
第一步:获取access_token 1.1.我们打开微信公众平台接口调试工具:https://mp.weixin.qq.com/debug/. 1.2.输入appid,appsecret 1.3.点 ...
微信小程序扫描二维码
最近官方地址看到这句话我想到了,微信小程序是调用微信的扫一扫那么扫一扫的界面就可以不用再写了, 想到android这边都是用图片或者手动画,突然感觉心情特别的好, 里面的参数自己看吧,看到最下面的 ...
【微信小程序】二维码跳转规则的前缀匹配是什么意思？
前言基础库 2.12.0 开发者工具 1.03.2008270 微信小程序的二维码跳转规则为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普通链接二维码跳转小程序 ...
微信小程序普通二维码解析
1.区别于微信小程序官方二维码是直接从onLoad的 options 解构出来就行,它是一个对象,这个大家都知道. 2.普通二维码也是从onLoad的 options 里解构出来,此时options ...
微信小程序转二维码方法分享
微信小程序转二维码方法分享需要转码的可以看看这个东西是看个人需求的,618就要来了,各种活动也将来袭有些小伙伴不知道怎么生成为了方便小程序邀请活动没法外发,这里分享下将小程序转二维码的方法首 ...

【微信小程序】扫描二维码/条形码，并获取信息

一、生成测试二维码

二、实现代码

【微信小程序】扫描二维码/条形码，并获取信息相关推荐

最新文章

热门文章