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

参数名类型必填说明
onlyFromCameraBoolean是否只能从相机扫码
scanTypeArray扫码类型,barCode(一维码)、qrCode(二维码)
successFunction接口调用成功的回调,result:扫码的内容。
failFunction接口调用失败的回调函数(识别失败、用户取消等情况下触发)
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

点赞 评论 收藏 ~~ 有疑惑的小伙伴,可能是我表达不清楚,可以留言讨论,如有错误,也希望大家不吝指出。 ~~ 点赞 评论 收藏

这篇关于uniapp 小程序扫描二维码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程