Question

我创建了一些带有这些信息的QRCode，例如地址，tell，id，网站，名称。我想用扫描仪扫描QRCode然后这些信息填写我的文本输入，如：

 <input name='tell' value='' />
 <input name='address' value='' />
 <input name='id' value='' />
 <input name='website' value='' />
 <input name='name' value='' />

然后我可以提交表格。有一段时间我想在页面内容中显示QRCode信息。我如何在网站上扫描和使用QRCode信息？

Answer 1

大多数QR扫描仪都会模拟键盘，因此您可以听到按键并在结果出来时处理结果。

这个例子使用jQuery编写处理RFID代码（也有模拟键盘的读者）。

您需要对其进行调整以处理QR码中数据的不同结构。例如这会将输入视为＆＃34;数据结束＆＃34;，但您的QR代码可能已在多行上对其进行了构建，因此您可能必须使用其他方法来识别数据结束。

然后更改send方法以使用数据执行所需操作。在这里，我使用Socket.IO将结果发送到服务器。您可以更改它以根据数据格式拆分数据，然后使用DOM操作填充文本输入。

  var keybuffer = [];

  function press(event) {
    if (event.which === 13) {
      return send();
    }
    var number = event.which - 48;
    if (number < 0 || number > 9) {
      return;
    }
    keybuffer.push(number);
  }

  $(document).on("keypress", press);

  function send() {
    socket.emit('scan', keybuffer.join(""));
    keybuffer.length = 0;
  }

如何在网页内显示QRCode信息并在扫描后填写一些文本输入

1 个答案: