用于检测是否扫描了二维码的 HTML

Question

我的意思是，您的页面中呈现了一个二维码，您可以使用iPhone中的扫描仪对其进行扫描。HTML 将检测到渲染的 QR 码被扫描，您可以在 javascript 中触发某些内容，例如警报或重定向。目前可能吗？

二维码来自微信，扫描后将进行付款

Answer 1

我认为如果您拥有链接页面，则可以在QRCODE链接中设置一些消息。

喜欢这个：二维码设置链接 = http://xxx.xxx/yourPage.html?fromQRcode

因此，您可以在页面中跟踪"来自QRcde"。

var qrCode = '?fromQRcode';
var check = location.search;
if ( qrCode == check ) {
    //dosomething
}

或使用"#fromQRcode"和location.hash

因此，在同一页面中，也许您可以这样做：

var qrCode = '#fromQRcode';
var check = location.hash;
if ( qrCode == check ) {
    alert('its scanned !')
    //window.open to some where or something
}

---

更新我的想法

我以前没有这样做过，也许你可以考虑这个解决方案：

1.html - 从后端 API 获取二维码并显示

(1(同时，数据库保留API消息，也许像 order001，所以你有

|order_no|scanner_yn|

|订单001|n |

(2(设置一些代码来发送后端检查scanner_yn，例如

function checkScannerYn(){
    //do some request to get scanner_yn status
}
//set some timefunction to check that
setInterval(function ,3000)
//and when get right reponse or time out to close

2. 用户扫描二维码

将发送混乱的"order001"到后端，然后后端进行更新，使scanner_yn = 'y'

3.前端JavaScript 获取后端响应"y"，然后你想做什么！

对不起我的英语，希望有所帮助

---

Answer 2

所以我想你需要让二维码对于页面的那个实例是唯一的。 因此，每个页面加载都会生成一个新的二维码。 然后，当用户扫描它时，移动设备将在数据库中设置一个标志，以指示它已被扫描/支付。

然后，可以使用 MS SignalR 检测数据库中的更改，并向用户显示消息或更改屏幕。

我不想为你写代码，但我认为这会起作用

Answer 3

在我的理论中，这是可能的。由于QR码在扫描时是一个URL，它将打开浏览器并加载页面。在那里加载的页面中，您可以放置一个触发器，该触发器将使用QR码通知页面该网站已加载。