vue移动app扫码功能
第一步:
上面这段代码写在index.html里面,我也不知道为什么,可能是全局的关系;
第二步:
定义一个按钮,点击启动扫码功能,另外再定义一个盒子来当做扫码的容器;我给这个盒子定义了一个id类名:bcid
第三步: 第三步代码多,直接粘贴,方便你我他,我也是在别人手上抄过来,作了部分改变
//创建扫描控件
startRecognize1() {
document.getElementById('bcid').style.display = 'block';
document.getElementsByClassName('scanCode')[0].style.display = 'none';
let that = this;
if (!window.plus) return;
scan = new plus.barcode.Barcode('bcid');
scan.onmarked = onmarked;
setTimeout(function(){
that.startScan1();
},100)
function onmarked(type, result, file) {
switch (type) {
case plus.barcode.QR:
type = 'QR';
break;
case plus.barcode.EAN13:
type = 'EAN13';
break;
case plus.barcode.EAN8:
type = 'EAN8';
break;
default:
type = '其它' + type;
break;
}
result = result.replace(/\n/g, '');
that.codeUrl = result;
alert(that.codeUrl);
if(that.codeUrl){
that.cancelScan1();
that.closeScan1();
}
}
},
//开始扫描
startScan1() {
if (!window.plus) return;
scan.start();
},
//关闭扫描
cancelScan1() {
if (!window.plus) return;
scan.cancel();
},
//关闭条码识别控件
closeScan1() {
document.getElementById('bcid').style.display = 'none';
document.getElementsByClassName('scanCode')[0].style.display = 'block';
if (!window.plus) return;
scan.close();
},
————————————————————————————————————————————————————————————————————————————————————————————
最新文章
- iOS 应用评分
- Ubuntu14.04台式机r8169有线网卡驱动问题
- project 2016 11 20 树的多项式
- 二进制求最大公约数&;&;输出二进制
- Windows Azure Traffic Manager (5) Traffic Manager Overview
- 招聘一个靠谱的 iOS
- 【转】【SEE】基于SSE指令集的程序设计简介
- CSS 仿Excel表格功能
- Laravel Repository 模式
- servlet 默认是线程安全的吗?
- c# winfrom 委托实现窗体相互传值
- C++中的 new / delete
- Visual Studio 中用管理员权限运行、调试程序
- 特征选择(三)-K-L变换
- PHP header( ) 禁止页面后退
- random模块函数分析(一)
- Linux下添加源的几种方法
- 让你的代码减少三倍!使用kotlin开发Android(五) 监听器
- Linux之mailx的使用
- SpringBoot入门教程(十二)DevTools热部署