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-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享