努力在移动网站应用程序中实现二维码/条形码扫描仪



我正在构建一个移动web应用程序(因此是一个专门用于移动视图的网站),我正在尝试使用他们设备的摄像头来实现二维码/条形码扫描仪。

问题:我的主要困难是在这方面似乎没有太多的支持/帮助。我一直在使用https://github.com/LazarSoft/jsqrcode,如果我上传二维码的直接图像,这似乎有效,但当我在代码中添加空白或拍照时,它不起作用。然而,在实施它的网站上,一切似乎都很好(http://www.webqr.com/index.html)。我基本上使用了他的git源中的"测试"文件,然后对其进行了一点修改,使其读取我在网站上显示的图像

问题:有人能帮我弄清楚我是否需要包括更多他的图书馆,或者我如何让我的二维码阅读器破译不太显眼的二维码,或者那些在相机内拍摄的二维码吗?webqr.com网站运行良好,但他的测试文件似乎没有实现同样的功能

示例:您可以在http://aawebapps.com/echo/.上传完美的二维码图像效果很好,比如(工作二维码的示例https://i.stack.imgur.com/L353H.jpg),但如果添加了任何空白,或者如果你给它一张用相机拍摄的图像(在网站上使用手机),那么它就不起作用。(空白无法使其工作的示例https://i.stack.imgur.com/DNdNR.jpg)。

  • 注意:当您添加另一个图像时,如果新图像出现错误,它不会擦除最后显示的数字代码。(我今晚回家后会更新)

目标:目标是让用户在移动设备(很可能是手机)上打开网站,然后扫描二维码或条形码,然后显示其嵌入的号码。

对于QRcode扫描,我刚刚成功地实现了这一点:

https://codesandbox.io/s/ilrm9

但对于条形码,我仍在努力寻找一个稳定的javascript实现。我想的是从客户端获取图像捕获,并在服务器端进行处理,以便以文本格式读取并发送回web客户端。

最新更新