微信公众号开发

uniapp 小程序扫描二维码

本文主要是介绍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 小程序扫描二维码的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航