Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 手机条形码扫描仪,用于表单中的网站_Javascript_Html_Qr Code_Barcode Scanner - Fatal编程技术网

Javascript 手机条形码扫描仪,用于表单中的网站

Javascript 手机条形码扫描仪,用于表单中的网站,javascript,html,qr-code,barcode-scanner,Javascript,Html,Qr Code,Barcode Scanner,我有库存维护网站和运行。目前,后端用户正在系统上手动键入项目id,并使用来搜索和执行其工作。我想自动打字扫描二维码我们正在尝试让用户使用手机摄像头作为扫描仪。 因此,用户将焦点设置在文本框上,并使用手机扫描代码,值必须自动放置在文本框上 市场上的应用程序不会直接将数据传输到pc或web表单中。我们正在尝试实现一个开源的网络扫描仪,而不是购买昂贵的产品或应用程序。你能推荐一个吗?或者我们必须创建自己的应用程序吗?如果是,我可以从哪里开始?查看以下内容: 您可以在web表单中创建链接,例如: {C

我有库存维护网站和运行。目前,后端用户正在系统上手动键入项目id,并使用来搜索和执行其工作。我想自动打字扫描二维码我们正在尝试让用户使用手机摄像头作为扫描仪。

因此,用户将焦点设置在文本框上,并使用手机扫描代码,值必须自动放置在文本框上

市场上的应用程序不会直接将数据传输到pc或web表单中。我们正在尝试实现一个开源的网络扫描仪,而不是购买昂贵的产品或应用程序。你能推荐一个吗?或者我们必须创建自己的应用程序吗?如果是,我可以从哪里开始?

查看以下内容:

您可以在web表单中创建链接,例如:

{CODE}


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

有一个JS QrCode扫描仪,可以在移动站点上使用摄像头:


我在我的一个项目中使用过它,它工作得非常好

您可以使用Android应用程序(免责声明!我是开发者)。它可以扫描条形码并将其发送到PC,在您的情况下,将其输入web表单。更多详细信息。

我们在谷歌Play中有一个应用程序和应用程序商店,可以将条形码扫描到网站中。该应用程序称为扫描到Web。

您甚至可以在网页中嵌入一个链接或按钮来启动扫描仪

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

该应用程序的开发者文档网站介绍了如何使用该应用程序以及如何使用JavaScript处理条形码扫描。 是一家初创公司,其目标是用廉价手机取代笨重、昂贵的激光条形码扫描仪

有适用于Android、iOS、Windows、C API/Linux、React Native、Cordova/PhoneGap和Xamarin的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>

log('Loading…');
ScanditSDK.configure(“xxx”{
引擎位置:“https://unpkg.com/scandit-sdk/build/"
}).然后(()=>{
console.log('Loaded');
创建(document.getElementById('barcode-picker'){
playSoundOnScan:没错,
真的吗
}).then(功能(条形码选择器){
控制台日志(“就绪”);
条形码选择器.applyScanSettings(新的ScanditSDK.ScanSettings({
启用的符号:[“ean8”、“ean13”、“upca”、“upce”、“code128”、“code39”、“code93”、“itf”、“qr”],
代码复制筛选器:1000
}));
条形码选择器.onScan(函数(条形码){
控制台日志(条形码);
});
});
});
免责声明:我为Scandit工作签出


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

您是否在移动设备上使用过该库?根据这一点,该库需要Flash或“getUserMedia/Stream API”“.Mobile Flash正在消亡,getUserMedia API仅在BlackBerry上受支持(根据),但在iPhone上不起作用。首先阅读主题并回答他们关于条形码的问题iPhone不走运-iOSBut扫描到web是付费的appGot 404错误,似乎该功能已关闭。@Benjamin你有什么解决方案吗?我还在为microsoft surface应用程序寻找类似的解决方案。该应用程序在应用商店中不可用。@ChoudhuryA.M。是的。不确定为什么看不到它。@存储代码,因为URL是invalid@arossURL已修复。这是一个付费应用程序,不是开源。我使用的代码与我自己的许可证密钥相同,它打开了我的移动摄像头,在条形码扫描时,它也会发出声音,但没有扫描结果输出,条形码结果在哪里?如何在输入表单文本字段中访问该结果?您能简单解释一下吗?@faizfared,条形码结果可以在
onScan
回调方法中获得,在我的代码中,它只是将其打印到控制台。这是一个将条形码保存在输入表单文本字段中的示例:“定价”页面仅显示“联系我们获取报价”按钮。信息量非常大……软件很棒,但非常昂贵。1-50台设备每年2450美元-他们最便宜的计划显然是高成本订阅还是每扫描成本模式?不,谢谢-给我们一次性费用,企业不喜欢高价值订阅。