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-10-04微信小程序如何实现点击图片查看大图功能-icode9专业技术文章分享
- 2024-09-28uniapp 小程序获取到数据库的换行符怎么展示-icode9专业技术文章分享
- 2024-09-20微信小程序全栈项目实战:从零开始的全面指南
- 2024-09-20微信小程序项目实战:零基础入门教程
- 2024-09-19微信小程序项目中miniprogram_npm文件跟node_modules文件的差别-icode9专业技术文章分享
- 2024-08-27小程序 单行显示,超出部分省略号显示的方法代码-icode9专业技术文章分享
- 2024-08-27微信小程序如何获取到特种设备的刘海屏高度-icode9专业技术文章分享
- 2024-08-27微信小程序如何获取苹果手机底部一横线高度信息方法代码-icode9专业技术文章分享
- 2024-08-27微信小程序 顶部状态栏标签背景为none但还是看不到状态栏什么原因-icode9专业技术文章分享
- 2024-08-21微信小程序全栈入门:从零开始的一站式指南