我使用了 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);
});
提前谢谢您!
您可以使用以下代码替换您的警报:
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);
});