使用html5-qrcode(javascript)扫描后直接打开网址

问题描述 投票:0回答:1

我使用了 geeksforgeeks 的 html5qrscan 代码 (url)

成功扫描二维码后,会显示一条包含二维码网址的消息,我希望自动重定向到该网址。

我有一个项目,几天后到期,但我不知道如何解决这个问题。

非常感谢您的帮助!

我尝试过修复它,但我无能为力,所以我放弃了。

组织。来自 geeksforgeeks 的代码:

<!-- Index.html file -->
<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet"
        href="style.css"> 
    <title>QR Code Scanner / Reader 
    </title> 
</head> 

<body> 
    <div class="container"> 
        <h1>Scan QR Codes</h1> 
        <div class="section"> 
            <div id="my-qr-reader"> 
            </div> 
        </div> 
    </div> 
    <script
        src="https://unpkg.com/html5-qrcode"> 
    </script> 
    <script src="script.js"></script> 
</body> 

</html>

// script.js file 

function domReady(fn) { 
    if ( 
        document.readyState === "complete" || 
        document.readyState === "interactive"
    ) { 
        setTimeout(fn, 1000); 
    } else { 
        document.addEventListener("DOMContentLoaded", fn); 
    } 
} 

domReady(function () { 

    // If found you qr code 
    function onScanSuccess(decodeText, decodeResult) { 
        alert("You Qr is : " + decodeText, decodeResult); 
    } 

    let htmlscanner = new Html5QrcodeScanner( 
        "my-qr-reader", 
        { fps: 10, qrbos: 250 } 
    ); 
    htmlscanner.render(onScanSuccess); 
});

提前谢谢您!

javascript qr-code html5-qrcode
1个回答
0
投票

您可以使用以下代码替换您的警报:

domReady(function () { 
    // If found your qr code 
    function onScanSuccess(decodeText, decodeResult) { 
        // Redirect to the scanned URL
        window.location.href = decodeText;
    } 

    let htmlscanner = new Html5QrcodeScanner("my-qr-reader", { fps: 10, qrbos: 250 }); 
    htmlscanner.render(onScanSuccess); 
});
© www.soinside.com 2019 - 2024. All rights reserved.