Bootstrap

JS实现网页二维码扫描功能

JS实现网页二维码扫描功能

最近接到一个任务,实现网页版的二维码扫描,刚开始以为会很简单,没想到大意失荆州,网上的教程资料很多,可是可以用的不多,所幸我最终做了出来,所以分享给大家,大家一起进步。

代码

HTML部分代码
<html>
	<head>
        <meta charset="utf-8" />
		<title>Scanner</title>
        <script src="jquery.min.js"></script>
        <script src="jsQR.js"></script>
	</head>
	<body>
		<canvas id="qr-canvas" width="800" height="600"></canvas>
		<video id="v" autoplay></video>
		<script type="text/javascript" src="qrcode.js"></script>
		<script type="text/javascript" src="scan.js"></script>
	</body>
</html>
共通JS文件路径

https://gitee.com

;