js实现web页面扫描二维码（html5-qrcode）

要在Web页面中使用JavaScript扫描二维码，可以使用html5-qrcode库。以下是如何使用html5-qrcode的示例代码：

首先，确保在HTML文件中包含了html5-qrcode库：

<script src="https://rawgit.com/mebjas/html5-qrcode/master/html5-qrcode.min.js"></script>

然后，在JavaScript中调用html5Qrcode函数来扫描二维码：

function onScanSuccess(decodedText, decodedResult) {
    // 扫描成功后的回调函数
    console.log(`Code scanned = ${decodedText}`, decodedResult);
    // 处理扫描结果，例如显示在页面上或发送到服务器等
}
 
function onScanError(error) {
    // 扫描出错的回调函数
    console.error(`Scan error = ${error}`, error);
}
 
// 调用html5QrCode来扫描视频流中的二维码
const html5QrCode = new Html5QrcodeScanner(
    "qr-reader", { fps: 10, qrbox: 250 }, /* verbose= */ false);
html5QrCode.render(onScanSuccess, onScanError);

在HTML中，你需要有一个用于显示扫描框的元素：

<div id="qr-reader"></div>

这段代码会创建一个扫描器，并在页面上显示一个扫描框，用户可以用摄像头扫描二维码。扫描成功后，会调用onScanSuccess回调函数，并将解码后的文本传递给它。如果扫描过程中出现任何错误，会调用onScanError函数。