各位尊敬的大大們好!想請教一個問題,希望大大惠予賜教,不勝感激!
我的項目使用了一個QR掃描包 html5-qrcode
我現在已經可以在我的手機瀏覽器網頁,開啟相機掃描QRcode,並且alert 出掃描結果,但我想讓用戶點一下掃描結果,就能直接前往該網址,語法應該怎麼寫?
<div id="reader" width="600px"> </div>
<script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>
<script type="text/javascript">
// This method will trigger user permissions
Html5Qrcode.getCameras().then(devices => {
if (devices && devices.length) {
var cameraId = devices[0].id;
const html5QrCode = new Html5Qrcode("reader");
const qrCodeSuccessCallback = (decodedText, decodedResult) => {
alert(decodedText);// 這裡已經可以正確彈出掃描結果,但點按無法跳轉
};
const config = {
fps: 25,
qrbox: {
width: 350,
height: 350
}
};
html5QrCode.start({
facingMode: "environment"
}, config, qrCodeSuccessCallback);
}
}).catch(err => {
// handle err
});
</script>
alert要換掉。
改成UI式的彈窗。
這樣你就可以放進去A連結去觸發網頁了。