如何用js实现调用手机摄像头扫描条形码然后带出条形码的值到文本框

JavaScript091

如何用js实现调用手机摄像头扫描条形码然后带出条形码的值到文本框,第1张

1、开启沟子的方法代码。

2、指定输入间隔为300毫秒以内时为连续输入方法代码。

3、记录按键信息方法代码。

4、事件的状态代码方法。

5、因为条形码中只有数字和部分符号,所以基本可以不用考虑键盘状态或组合键的情况,但二维码就不能不考虑了。

6、可以使用_keydown.Contains(160)判断是否按下了Shift键,然后使用ShiftChar方法来获取最终的按键对应字符至于结果保存,我使用了一个数组List<List<EventMsg>>,对每次输入都单独进行记录。

把按钮的onclick事件移到body的onload事件即可

<body onload="createBarcode('div128','zhaokuo','B')">

先来分析一下原理。

1.js调用手机或者pad终端的摄像头,拍照。

2.苹果或者安卓原生程序获取到拍照的照片路径,然后解析图片二维码,将二维码中的内容返回给前台

3.前台将内容显示在input框中。

网上有现成的来源库,自己搜索一下吧,二维码解析已经很普遍了,没啥难度。

一般扫描二维码,都是将代码写在硬件里,比如扫码枪,电脑链接扫码枪,直接将扫描内容显示在页面上。