uni-app调用摄像头扫描二维码并回调二维码内容

站长手记 作者: 2024-08-26 13:00:01
在使用uni-app时经常用到摄像头扫二维码功能,特做以下记录以备以后使用。

在使用uni-app时经常用到摄像头扫二维码功能,特做以下记录以备以后使用。

<view @click="tocode()">扫码</view>

以下是JS代码

    export default {
        data() {
            return {
                yaoqing: ''
            };
        },        
        methods:{
                //调取摄像头
		tocode()
		{
			uni.scanCode({
				scanType:['qrCode'],//限定只能扫二维码
				success: (res)=>{
					var arg = this.parseQueryString(res.result);
					if(arg && arg['frm']){
						this.yaoqing = arg['frm']; //回调后将二维码内容填入表单中
					}else{
						uni.showToast({
							title:'请使用正确的二维码',
							icon:'none'
						})
					}
				}
			})
		},
                //扫码后回调
                parseQueryString(url){
		    var str=url.split("?")[1],
		    items=str.split("&");
		    var arr,name,value,da=[];
		    for(var i = 0, l = items.length; i < l; i++){
		        arr=items[i].split("=");
		        name= arr[0];
		        value= arr[1];
		        da[name]=value;
		    }
		    return da;
		}
        }
    }
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68982.html
uni-app 二维码 uniapp