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

I have inventory maintenance website up and running. currently the back end users are manually typing the item id on the system and using to search and do their work. I would like to automate the typing to scanning qr codes. We are trying to implement users to use their mobile phone camera to act as a scanner.

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

Thus the user set focus on the text-box and uses his mobile phone to scan the code and the value has to be automatically placed on the text box.

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

The apps in the market do not transfer data into a pc or web form directly. We are trying to implement an open source web scanner rather then buying an expensive product or app. Can you suggest one or must we create our own app? If so, where can I start from?

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

7 个解决方案

#1

There's a JS QrCode scanner, that works on mobile sites with a camera:

有一个JS QrCode扫描仪，可以在带摄像头的移动网站上运行：

https://github.com/LazarSoft/jsqrcode

I have worked with it for one of my project and it works pretty good !

我已经为它的一个项目工作过，它的效果非常好！

#2

Scandit is a startup whose goal is to replace bulky, expensive laser barcode scanners with cheap mobile phones.

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

There are SDKs for Android, iOS, Windows, C API/Linux, React Native, Cordova/PhoneGap, Xamarin.

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

There is also Scandit Barcode Scanner SDK for the Web which the WebAssembly version of the SDK. It runs in modern browsers, also on phones.

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

There's a client library that also provides a barcode picker component. It can be used like this:

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

<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
NPM
Documentation
文档

Disclaimer: I work for Scandit

免责声明：我为Scandit工作

#3

You can use the Android app Barcode Scanner Terminal (DISCLAIMER! I'm the developer). It can scan the barcode and send it to the PC and in your case enter it on the web form. More details here.

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

#4

We have an app in Google Play and the App Store that will scan barcodes into a web site. The app is called Scan to Web. http://berrywing.com/scantoweb.html

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

You can even embed a link or button to start the scanner yourself within your web page.

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

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

The developer documentation website for the app covers how to use the app and use JavaScript for processing the barcode scan. http://berrywing.com/scantoweb/#htmlscanbutton

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

#5

Check out https://github.com/serratus/quaggaJS

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

"QuaggaJS is a barcode-scanner entirely written in JavaScript supporting real- time localization and decoding of various types of barcodes such as EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 and CODABAR. The library is also capable of using getUserMedia to get direct access to the user's camera stream. Although the code relies on heavy image-processing even recent smartphones are capable of locating and decoding barcodes in real-time."

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

#6

-1

Check this out: http://qrdroid.com/web-masters.php

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

You can create a link in your web form, something like:

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

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

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

When somebody clicks that link, an app to scan the code will be opened. After the user scans the code, http://www.your-site.com/your-form.php?code={CODE} will be automatically called. You can then make your-form.php read the parameter code to prepopulate the field.

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

#7

-1

I know this is a few years old at this point but I have written a program that needed to something similar:

我知道现在已经有几年了，但是我已经编写了一个需要类似的程序：

This program allows users to do this:

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

http://bridgeit.mobi/

It is phone app that exposes different features to be used from a website.

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

#1