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

来源:https://www.sucaihuo.com/js/5127.html 2020-03-14 10:58浏览(101) 收藏

jQuery二维码和条形码图片识别代码,选择二维码、条形码图片在线识别。
jQuery二维码和条形码图片识别代码
分类:其它特效 > 二维码 难易:中级
查看演示 下载资源: 8 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

1 2