Cordova使用扫码插件qrscanner所遇到的问题

其实qrscanner这个插件没什么大问题,唯一的问题就是在某些手机上,某些时候会出现第一次打开的时候无法启动相机预览,准确的来说是相机预览已经是打开了,但是被一层白色的给挡住了,研究半天没找到原因,但是解决方法给琢磨出来了,就是调用相机预览之前先销毁一次扫码功能。
代码如下:

//扫描支付
    $("#scan-text").html("Scan");
    if (typeof QRScanner != "undefined") {
        // 如果没有权限就获取并扫码
        QRScanner.prepare(onDone);
    } else {
        // 请求权限失败
        weihuan_tips("Scan code failed to load...", "center", 2000);
    }

    function onDone(err, status) {
      //启动之前先销毁一次
        QRScanner.destroy();
        if (err) {
            console.error(err);
        }
        //如果得到权限
        if (status.authorized) {
            // 开始扫码
            $("body").css({
                background: "transparent"
            });
            QRScanner.scan(displayContents);
            $("#scan-text").html("Scanning code...");

            function displayContents(err, text) {
                // 扫码失败
                if (err) {
                    weihuan_tips("Start scanning code error...", "center", 2000);
                } else {
                    // 扫码成功
                    app.dialog.progress();
                    var scan_user_id = localStorage.getItem("user_id");
                    var rece_user_id = GetUrlPara("user_id", text);
                    var type = GetUrlPara("type", text);
                    if (type == 2) {
                        $.ajax({
                            url: api + "scan-success.php",
                            data: {
                                type: type,
                                scan_user_id: scan_user_id,
                                rece_user_id: rece_user_id
                            },
                            type: "POST",
                            async: true,
                            timeout: 5000,
                            dataType: "json",
                            success: function(data) {
                                if (data.code == 200) {
                                    app.dialog.close();
                                    $("#scan-text").html("Scanning code successfully");
                                    homeView.router.navigate("/scan-pay/", {
                                        context: {
                                            ID: data.ID,
                                            user_id: rece_user_id,
                                            user_name: GetUrlPara("user_name", text)
                                        }
                                    });
                                } else {
                                    app.dialog.close();
                                    QRScanner.prepare(onDone);
                                }
                            }
                        });
                    }
                }
            }
        } else {
            // 如果没有
            weihuan_tips(
                "Please give the app permission with camera...",
                "center",
                2000
            );
        }
    }
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值