windows中浏览器的条码阅读器答案

【问题标题】：Barcode reader for browser in windowswindows中浏览器的条码阅读器
【发布时间】：2019-10-05 18:09:43
【问题描述】：

我正在开发一个桌面应用程序，在该应用程序中，用户使用条形码阅读器机器将条形码扫描到系统。但是现在当我为浏览器尝试同样的事情时，我不知道该怎么做，请帮助我！！！。谢谢

【问题讨论】：

标签： barcode-scanner

【解决方案1】：

有一个名为 QuaggaJS

的 javascript 库可以执行此操作

【讨论】：

感谢 Le-roy，但它不会在所有浏览器上运行，它使用系统摄像头。但想要它用于条码扫描机。再次感谢您的回复您还有其他工作吗
我认为您找不到任何与不支持图像捕获的“标准”条形码扫描仪兼容的东西...浏览器必须提供一个 API 来支持通信和条形码扫描仪他们似乎没有足够的受欢迎程度来做到这一点。您可以编写一个进程，该进程位于客户端计算机上，充当您的 Web 平台和条形码扫描仪之间的通信层...
另外 - 很多标准条码扫描仪不会将其转换为键盘上的击键吗？所以这就像输入文本？也许能够以某种方式利用它......
感谢帮助 le-roy :)

【解决方案2】：

我知道这是一个老问题，但我需要将条形码读入浏览器，然后对其进行处理。您可以将大多数手持式扫描仪设置为在完成扫描时提供一个字符，所以我使用了这个。

首先我在屏幕上设置了一个简单的输入框

<div>Test Read</div>
<input id='testRead' value=''/>
<div id="testReadResult"></div>

接下来我使用了一些简单的 jQuery：

<script type="text/javascript">
    jQuery( document ).ready(function() {
        jQuery("#testRead").focusout(function() {
            testReader(jQuery( "#testRead" ).val());
        });                      
    });
    function testReader(value){
       console.log("value received is "+value);
       jQuery("#testReadResult").html(value);
   }
 </script>

您只需单击第一个框，然后扫描条形码。条形码的数字出现在方框中，然后出现在它下面的 div 中。

我已对其进行了扩展以使其对用户友好等，但这是可以帮助您入门的有效代码。您需要将扫描仪设置为具有 TAB 终止字符。

【讨论】：

回答老问题有什么问题？