ddddd

HTML5+规范API-扫码功能

作者:程序员11 时间:2023-05-17 人气:318 QQ交流群\邮箱:1003265987@qq.com
HTML5+规范API-扫码功能
要展示的内容

简介: 扫码的两种实现:①直接对外部进行扫描;②点开相册对已有图片进行扫一扫
完整代码一

<button type="button" class="mui-btn mui-btn-blue" id="btn">按钮</button>
<div id="bcid"></div>
<script type="text/javascript">
	var btn = document.getElementById("btn");
	btn.addEventListener("tap",function(){
		var bc = new plus.barcode.Barcode("bcid",[],{});
		bc.start(); //显示动态的扫描条纹
		
		// 条码识别成功事件
		bc.onmarked = function(type,code,file){
			alert(type);  //识别到的条码类型
			alert(code);  //识别到的条码数据
			alert(file);  //识别到的图片文件路径
		}
		 // 条码识别失败事件
		bc.onerror = function(){
			
		}
	});
</script>

完整代码二

<button type="button" class="mui-btn mui-btn-blue" id="pick">从相册选取图片</button>
<script type="text/javascript">
	var pick = document.getElementById("pick");
	// 打开系统相册
	pick.addEventListener("tap",function(){
		plus.gallery.pick(function(filepath){
			plus.barcode.scan(filepath,function(type,code){  // scan:通过图片扫描条码数据
				alert(type);
				alert(code);
			})
		})
	})
</script>

链接:http://t.csdn.cn/lFqde

温馨提示:

欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。

HTML5+规范API-扫码功能---相关文章


评论区

ddddd

程序员-学习的网站-想学习编程的码农可以进来看看

首页

视频教程

购物车

我的订单