H5移动版识别二维码和条形码

撸猫@冒泡泡

已于 2022-07-13 10:33:38 修改

阅读量1.7k

点赞数 1

分类专栏：前端文章标签： webqr.js

于 2022-07-07 10:02:43 首次发布

本文链接：https://blog.csdn.net/github_37553763/article/details/125652679

版权

项目下载地址注意事项：web.js 手机端访问用户授权或者拒绝回调函数

摘要由CSDN通过智能技术生成

H5移动版识别二维码和条形码（PC和移动端都兼容）

一.需要引入JS文件

<script src="https://www.jq22.com/jquery/jquery-1.10.2.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>

项目下载地址

二.Html文件

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="QR Code scanner">
  <meta name="keywords" content="qrcode,qr code,scanner,barcode,javascript">
  <meta name="language" content="English">
  <meta name="copyright" content="Lazar Laszlo (c) 2011">
  <meta name="Revisit-After" content="1 Days">
  <meta name="robots" content="index, follow">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
<title></title>
<style type="text/css">
.imghelp{
     
  width: 100%;
  z-index:100;
  opacity: 0;
}
.selector{
     
  cursor:pointer;
}
.btn {
     
	width: 290px;