用于手机的条码扫描器用于网站的形式

Question

我有库存维护网站启动和运行.目前,后端用户手动在系统上键入项目ID并使用搜索和完成他们的工作.我想自动键入扫描qr代码.我们正在尝试实施用户使用他们的手机摄像头充当扫描仪.

因此,用户将焦点放在文本框上并使用他的移动电话扫描代码,并且值必须自动放在文本框上.

市场上的应用程序不会直接将数据传输到PC或Web表单中.我们正在尝试实施一个开源Web扫描程序,而不是购买昂贵的产品或应用程序.你能建议一个还是我们必须创建自己的应用程序？如果是这样,我从哪里开始？

Answer 1

有一个JS QrCode扫描仪,可以在带摄像头的移动站点上运行:

https://github.com/LazarSoft/jsqrcode

我已经为它的一个项目工作,它的工作非常好!

Answer 2

查看https://github.com/serratus/quaggaJS

“ QuaggaJS是一种完全用JavaScript编写的条形码扫描器，支持实时定位和解码各种类型的条形码，例如EAN，CODE 128，CODE 39，EAN 8，UPC-A，UPC-C，I2of5、2of5，CODE 93该库还能够使用getUserMedia直接访问用户的相机流。尽管该代码依赖大量的图像处理，但即使是最近的智能手机也能够实时定位和解码条形码。”

Answer 3

Scandit是一家初创公司,其目标是用廉价的手机取代笨重,昂贵的激光条码扫描仪.

有适用于Android,iOS,Windows,C API/Linux,React Native,Cordova/PhoneGap,Xamarin的SDK.

还有用于Web的Scandit Barcode Scanner SDK,它是SDK的WebAssembly版本.它运行在现代浏览器中,也可以在手机上运行

还有一个客户端库,它还提供条形码选择器组件.它可以像这样使用:

<div id="barcode-picker" style="max-width: 1280px; max-height: 80%;"></div>

<script src="https://unpkg.com/scandit-sdk"></script>
<script>
    console.log('Loading...');
    ScanditSDK.configure("xxx", {
engineLocation: "https://unpkg.com/scandit-sdk/build/"
    }).then(() => {
      console.log('Loaded');
      ScanditSDK.BarcodePicker.create(document.getElementById('barcode-picker'), {
        playSoundOnScan: true,
        vibrateOnScan: true
      }).then(function(barcodePicker) {
        console.log("Ready");
        barcodePicker.applyScanSettings(new ScanditSDK.ScanSettings({
          enabledSymbologies: ["ean8", "ean13", "upca", "upce", "code128", "code39", "code93", "itf", "qr"],
          codeDuplicateFilter: 1000
        }));
        barcodePicker.onScan(function(barcodes) {
          console.log(barcodes);
        });
      });
    });
</script>

• NPM
• 文档

免责声明:我为Scandit工作

Answer 4

看看这个： http: //qrdroid.com/web-masters.php

您可以在 Web 表单中创建一个链接，例如：

http://qrdroid.com/scan?q=http://www.your-site.com/your-form.php?code= {代码}

当有人点击该链接时，将打开一个用于扫描代码的应用程序。用户扫码后，会自动调用http://www.your-site.com/your-form.php?code= {CODE} 。然后，您可以让your-form.php读取参数代码以预填充该字段。