用于手机的条形码扫描仪,用于网站形式[关闭]

问题描述 投票:29回答:7

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

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

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

javascript html qr-code barcode-scanner
7个回答
11
投票

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

https://github.com/LazarSoft/jsqrcode

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


6
投票

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

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

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

有一个client library也提供条形码选择器组件。它可以像这样使用:

<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>

免责声明:我为Scandit工作


6
投票

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

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


2
投票

你可以使用Android应用程序Barcode Scanner Terminal(免责声明!我是开发人员)。它可以扫描条形码并将其发送到PC,在您的情况下,在Web表单中输入它。更多细节here


1
投票

我们在Google Play和App Store中有一个应用程序,可将条形码扫描到网站中。该应用程序称为扫描到Web。 http://berrywing.com/scantoweb.html

您甚至可以在网页中嵌入链接或按钮以自行启动扫描仪。

<a href="bwstw://startscanner">Link to start scanner</a>

该应用程序的开发人员文档网站介绍了如何使用该应用程序并使用JavaScript处理条形码扫描。 http://berrywing.com/scantoweb/#htmlscanbutton


-1
投票

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

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

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

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


-1
投票

我知道这已经有几年了,但是我已经编写了一个需要类似的程序:

该程序允许用户执行此操作:

http://bridgeit.mobi/

它是电话应用程序,公开了从网站使用的不同功能。

© www.soinside.com 2019 - 2024. All rights reserved.