微信小程序二维码识别

准备工作

在微信公众平台(https://mp.weixin.qq.com/)注册账号获APPID
下载微信开发者工具 (https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
在小程序文档中找到API下的设备下的扫码API(https://developers.weixin.qq.com/miniprogram/dev/api/device/bluetooth-peripheral/wx.onBLEPeripheralConnectionStateChanged.html)

代码编写

通过点击按钮来调用函数进行扫码，将返回的信息显示在文本标签中

<button class="Scan" type="primary" bindtap="GetInfo">扫码识别</button>
<view class="message">获取到的信息为:</view>
<textarea class="GetText" maxlength="-1" value="{{info}}"></textarea>

样式设计

.Scan{margin-top: 80px;text-align: center;
}.GetText{margin-left: 5px;margin-top: 20px;width: 403px;height: 500px;background-color: lightgray;
}
.message{height: 5px;margin-top: 5px;
}

js代码

Page({data:{info:" ",},GetInfo(){var that = thiswx.scanCode({onlyFromCamera: false, //设置为可以使用本机图片scanType:['barCode','datamatrix','pdf417','qrCode'], //可以扫描的类型//成功后success:function(res){//console.log(res.result)that.info = res.resultconsole.log(that.info)that.setData({info:res.result})}})}
})

微信小程序识别二维码相关推荐

微信小程序识别二维码功能
在微信8.0版本之前可以使用: 微信小程序里长按识别二维码此文章中的方法实现小程序中识别二维码. 微信8.0及以后的版本中不再支持此功能: 只支持如下描述: web-view组件内嵌普通H5只支持识 ...
uniapp打包微信小程序识别二维码
1.image标签长按识别实现(微信版本>2.7.0) 为image标签设置 show-menu-by-longpress="true"可实现识别二维码(微信个人码.微信群码 ...
微信小程序识别二维码参数
getUrlParams(param, k, p) {if (typeof param != 'string') return {};k = k ? k : '&'; //整体参数分隔符p = ...
【微信小程序】二维码跳转规则的前缀匹配是什么意思？
前言基础库 2.12.0 开发者工具 1.03.2008270 微信小程序的二维码跳转规则为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普通链接二维码跳转小程序 ...
微信小程序获取二维码中URL中带的参数
解析微信小程序获取二维码中的url参数 onLoad: function (options) { console.log(options) let qrUrl = decodeURIComponent ...
微信小程序普通二维码解析
1.区别于微信小程序官方二维码是直接从onLoad的 options 解构出来就行,它是一个对象,这个大家都知道. 2.普通二维码也是从onLoad的 options 里解构出来,此时options ...
微信小程序扫描二维码或者条码
程序是需要扫描条形码然后跳转到对应的产品信息页,其实微信小程序就有一个扫码识别的API,下面一起来看看: wx.scanCode(Object object) 调起客户端扫码界面进行扫码. 示例代码: ...
微信小程序转二维码方法分享
微信小程序转二维码方法分享需要转码的可以看看这个东西是看个人需求的,618就要来了,各种活动也将来袭有些小伙伴不知道怎么生成为了方便小程序邀请活动没法外发,这里分享下将小程序转二维码的方法首 ...
微信小程序分享二维码生成
生成微信小程序分享二维码微信小程序官方开放的二维码的接口,其中有一个是生成小程序二维码的,还有一个是圆形的小程序码,我这里就用php生成二维码. 完整代码: public function shar ...

微信小程序识别二维码

微信小程序二维码识别

准备工作

代码编写

微信小程序识别二维码相关推荐

最新文章

热门文章