jQuery二维码和条形码图片识别代码

jQuery二维码和条形码图片识别代码

添加时间:2021-03-15 21:18:48
站长推荐丨赞助论坛,可获取海量资源终身免费下载权限奥!
举报 举报
收藏
预览
附件 附件
  • 模板类型模板类型:二维码
  • 模板颜色模板颜色:中级
  • 下载积分下载积分:28 米粒
  • 下载权限下载权限:

    赞助会员

jQuery二维码和条形码图片识别代码,选择二维码、条形码图片在线识别。
jQuery二维码和条形码图片识别代码
分类:其它特效 > 二维码 难易:中级

js代码

<script src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/DecoderWorker.js"></script>
	<script type="text/javascript" src="js/exif.js"></script>
	<script type="text/javascript" src="js/BarcodeReader.js"></script>
	<script type="text/javascript" src="js/llqrcode.js"></script>
	<script type="text/javascript" src="js/webqr.js"></script>
	<script type="text/javascript">
		load();
		function login () {
			var hostSn = document.getElementById('result').value;
		};
		$(function() {
			compatibleInput();
			var timeStart = '';
			var timeEnd = '';
			BarcodeReader.Init();
			BarcodeReader.SetImageCallback(function(result) {
				console.dir(result);
				if(!result.length) {

					$(".codeInfo").html('条形码读取失败');
					return
				}
				var barcode = result[0];
				if(barcode.Value) {
					$(".codeInfo").html('扫描结果:' + barcode.Value);
				}
				timeStart1 = new Date()
				console.log(timeStart1)
				var date3 = timeStart1.getTime() - timeStart.getTime() //时间差的毫秒数
			});
			document.querySelector("#barCode").addEventListener('change', function(evt) {
				timeStart = new Date()
				console.log(timeStart)
				var file = evt.target.files[0];
				reader = new FileReader();
				console.log(reader)
				reader.onloadend = function() {
					var img = new Image();
					img.src = reader.result;
					console.log(img)
					BarcodeReader.DecodeImage(img);
				}
				console.log(file)
				//			$('#img').attr('src', window.createObjectURLcre(file))   ;   
				reader.readAsDataURL(file);
				img.src = URL.createObjectURL(file)

			}, false);
		});
		// 判断当前是否属于ios移动端,兼容input同时调用手机相册和相机
		function compatibleInput(){
			  //获取浏览器的userAgent,并转化为小写
			  var ua = navigator.userAgent.toLowerCase();
			  //判断是否是苹果手机,是则是true
			  var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
			  if (isIos) {
				$("input:file").removeAttr("capture");
			};
		}
	</script>
上一篇:图标按钮动画
下一篇:CSS3垂直时间轴
相关内容推荐
资源求助发帖
查看更多发帖

*

回帖描述:

*

链接类型:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
热点内容推荐
标题:jQuery二维码和条形码图片识别代码

*

描述:
平均回复时间:3-10分钟
规则介绍:悬赏寻求论坛网友分享资源,站点对分享内容的准确性,合法性,版权等没有足够的监管能力。如果您发现资源不正确,无法使用,不符合法律法律等情况,您可以直接举报资源。站长将尽快核实您的举报,并根据情况,采取封号,退换米粒等处理。

*

回帖描述:

*

链接类型:

*

阅读权限:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
  • 背景波浪
  • 背景波浪
  • 波浪
  • 波浪
客服
在线咨询
周一 至 周日 9:00 ~ 22:00
QQ:1326974360
微信:juyoubuluo6688
客服热线
18205485173
工作日 9:00 ~ 18:00
微信扫码咨询
客户服务
欢迎咨询服务
咨询量较多时,请耐心等待
社群

关注公众号

获取更多资讯

扫码进群(QQ)

与更多大牛交流沟通

0.368924s