uniapp 小程序扫描二维码
2021/12/16 22:19:09
本文主要是介绍uniapp 小程序扫描二维码,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
项目需求
扫描提供的二维码,获得二维码中相关信息。
解决方案
使用uni.scanCode(),调用小程序中的扫码功能。
<script> export default { data() { return { } }, onLoad() { }, methods: { scanCode() { // 允许从相机和相册扫码 uni.scanCode({ scanType: ["qrCode"], success: (res) => { console.log(res); if (res.result) { const val = res.result; } else { console.log('请重新扫描'); return false; } }, fail: (res) => { console.log('未识别到二维码'); } }) }, // 对扫码后,得到的url地址参数的处理。 parseUrl(url) { let pattern = /(\w+)=([0-9a-zA-Z\u4e00-\u9fa5]+)/ig; let parames = {}; url.replace(pattern, function(a, b, c) { parames[b] = c; }); return parames;// 返回一个参数名:参数值 的对象。 }, } } </script>
uni.scanCode
参数名 | 类型 | 必填 | 说明 |
---|---|---|---|
onlyFromCamera | Boolean | 否 | 是否只能从相机扫码 |
scanType | Array | 否 | 扫码类型,barCode(一维码)、qrCode(二维码) |
success | Function | 否 | 接口调用成功的回调,result:扫码的内容。 |
fail | Function | 否 | 接口调用失败的回调函数(识别失败、用户取消等情况下触发) |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
点赞 评论 收藏 ~~ 有疑惑的小伙伴,可能是我表达不清楚,可以留言讨论,如有错误,也希望大家不吝指出。 ~~ 点赞 评论 收藏
这篇关于uniapp 小程序扫描二维码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-20微信小程序开发入门指南
- 2024-12-20小程序 createCameraContext() 怎么实现识别条形码功能?-icode9专业技术文章分享
- 2024-11-22微信小程序的接口信息py可以抓到吗?-icode9专业技术文章分享
- 2024-11-22怎样解析出微信小程序二维码带的参数?-icode9专业技术文章分享
- 2024-11-22微信小程序二维码怎样解析成链接?-icode9专业技术文章分享
- 2024-11-22微信小程序接口地址的域名需要怎么设置?-icode9专业技术文章分享
- 2024-11-22微信小程序的业务域名有什么作用-icode9专业技术文章分享
- 2024-11-22微信小程序 image有类似html5的onload吗?-icode9专业技术文章分享
- 2024-11-22微信小程序中怎么实现文本内容超出行数后显示省略号?-icode9专业技术文章分享
- 2024-11-22微信小程序怎么实现分享样式定制和图片定制功能?-icode9专业技术文章分享