用于检测是否扫描了qr代码的HTML

时间:2017-05-09 05:02:02

标签: javascript jquery html html5

我的意思是在您的页面中有一个QR码呈现,您可以使用扫描仪在您说的Iphone中扫描它。 HTML将检测到已扫描的QR代码被扫描,您可以在javascript中触发某些内容,如警报或重定向。这目前可能吗?

QR码来自微信,一旦扫描,付款将进行交易

2 个答案:

答案 0 :(得分:1)

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

像这样: QRCODE设置link = 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 -get来自后端API的QRcode并显示

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

| order_no | scanner_yn |

| order001 | n |

(2)设置somecode以发送后端检查scanner_n,如

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。用户扫描QRcode

将发送信息" order001"到后端, 然后后端做更新使scan_yn =' y'

3.前端javascript获得后端响应' y'那你想做什么!

对不起我的英语和希望帮助

答案 1 :(得分:1)

所以我想你需要将QR码作为该页面实例的唯一代码。因此,每个页面加载将生成新的QR码。然后,当用户扫描它时,移动设备将在数据库中设置一个标志,表明它已被扫描/支付。

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

我不想为你编写代码,但我认为这可行。