微信小程序扫描二维码或者条码

程序是需要扫描条形码然后跳转到对应的产品信息页，其实微信小程序就有一个扫码识别的API，下面一起来看看：

wx.scanCode(Object object)

调起客户端扫码界面进行扫码。

示例代码：

// 允许从相机和相册扫码
wx.scanCode({success(res) {console.log(res)}
})// 只允许从相机扫码
wx.scanCode({onlyFromCamera: true,success(res) {console.log(res)}
})

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>

给扫描按钮的图片绑定一个事件，点击调用摄像头扫码，扫描成功将数值赋给 input 输入框的 value 值。效果如下图：

JS 部分（应用）：

data: {scanCodeMsg: "",
},
scanCode: function() {var that = this;wx.scanCode({ //扫描APIsuccess(res) { //扫描成功console.log(res) //输出回调信息that.setData({scanCodeMsg: res.result});wx.showToast({title: '成功',duration: 1000})}})
},

参数 Object object

属性	类型	默认值	说明
onlyFromCamera	boolean	false	是否只能从相机扫码，不允许从相册选择图片
scanType	Array.<string>	['barCode', 'qrCode']	扫码类型
success	function		接口调用成功的回调函数
fail	function		接口调用失败的回调函数
complete	function		接口调用结束的回调函数（调用成功、失败都会执行）

object.scanType 的合法值

值	说明
barCode	一维码
qrCode	二维码
datamatrix	Data Matrix 码
pdf417	PDF417 条码

object.success 回调函数

参数 Object res

属性	类型	说明
result	string	所扫码的内容
scanType	string	所扫码的类型
charSet	string	所扫码的字符集
path	string	当所扫的码为当前小程序二维码时，会返回此字段，内容为二维码携带的 path
rawData	string	原始数据，base64编码

res.scanType 的合法值

值	说明
QR_CODE	二维码
AZTEC	一维码
CODABAR	一维码
CODE_39	一维码
CODE_93	一维码
CODE_128	一维码
DATA_MATRIX	二维码
EAN_8	一维码
EAN_13	一维码
ITF	一维码
MAXICODE	一维码
PDF_417	二维码
RSS_14	一维码
RSS_EXPANDED	一维码
UPC_A	一维码
UPC_E	一维码
UPC_EAN_EXTENSION	一维码
WX_CODE	二维码
CODE_25	一维码

以上就是关于微信小程序扫描二维码的相关介绍，希望文章对你有所帮助。

微信小程序扫描二维码或者条码相关推荐

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