由于工作需要,今天探索了一下在手机端web调用摄像头扫描的方式,实现了条形码的输入。

本次采用的是:quaggaJS 插件:

官网地址:https://serratus.github.io/quaggaJS/

官网演示地址:https://serratus.github.io/quaggaJS/examples/

我对其进行了简单修改和测试,以更符合使用场景,效果如图:

图一

 

图二


演示地址:https://javawind.net/help/html/barcode_scan/ (请复制至手机使用系统默认浏览器打开)

源码下载地址:https://javawind.net/help/html/barcode_scan/demo.zip

如需更改支持其他类型的条形码,请参考官方网站的参数配置。