如何用js实现调用手机摄像头扫描条形码然后带出条形码的值到文本框
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用js实现调用手机摄像头扫描条形码然后带出条形码的值到文本框相关的知识,希望对你有一定的参考价值。
可以提供写js插件,和实现脚本。小弟万分感谢
1、开启沟子的方法代码。
2、指定输入间隔为300毫秒以内时为连续输入方法代码。
3、记录按键信息方法代码。
4、事件的状态代码方法。
5、因为条形码中只有数字和部分符号,所以基本可以不用考虑键盘状态或组合键的情况,但二维码就不能不考虑了。
6、可以使用_keydown.Contains(160)判断是否按下了Shift键,然后使用ShiftChar方法来获取最终的按键对应字符至于结果保存,我使用了一个数组List<List<EventMsg>>,对每次输入都单独进行记录。
参考技术A js能不能解算条形码都是个问题,js调用手机硬件就更不可能了。这个恐怕还是得做成app才能实现。安卓启用摄像头必须要取得Camera 权限—— 应用程序必须通过下面这句请求摄像头的使用权限。光是下面这句,js有这个?更别说后面实现具体操作的一系列方法和类全是java代码。
<uses-permission android:name="android.permission.CAMERA" />
苹果、winphone同理,都有自己的方法。js基本上就只能用在网页里面,不是万能的 参考技术B 调摄像头用phonegap. 能存成图片...解析不太清楚.有个条形码的JS库我记着.之后能能得到那个值了.
打开手机摄像头扫描二维码或条形码全部操作
(1)下载二维码的库源码
链接:http://pan.baidu.com/s/1pKQyw2n 密码:r5bv
下载完成后打开可以看到 libzxing 的文件夹,最后添加进 Android Studio,操作 :File------》New-----》Import Moudle
(2)按钮单击事件为 scanner
后台代码:
public void scanner(View view){
startActivityForResult(new Intent(ScanActivity.this,
CaptureActivity.class),0);
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if(resultCode == RESULT_OK){
Bundle bundle = data.getExtras();
String result= bundle.getString("result");
etCan.setText(result);
}
}
(3)若是需要连续扫描
后台代码:
链接:http://pan.baidu.com/s/1sle7v4L 密码:o85e
以上是关于如何用js实现调用手机摄像头扫描条形码然后带出条形码的值到文本框的主要内容,如果未能解决你的问题,请参考以下文章
vue项目中实现H5调取摄像头扫码扫一扫功能+生成可识别的条形码