js扫描二维码并跳转

项目中,需要用到扫描二维码,并识别二维码。在此记录,便于以后深入了解,这里是一个简单的例子:

这里需要引入jquery.js和jquery-qrcode-min.js

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>qrcode</title>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/jquery-qrcode-min.js"></script>
</head>
<body>
<input type="button" value="二维码" id="bt" />: <span id="count"></span>
<br>
<div id="code"></div>
<br>
</body>
<script type="text/javascript">
var i=0;
$("#bt").click(function(){
$("#count").text(++i);
$("#code").text("");//初始化二维码的位置
jQuery("#code").qrcode({
render:'canvas',//也可以替换为table
height:150,
width:150,
text:'http://www.cnblogs.com/moqq/'     //二维码内置内容,如果时URL形式一般浏览器会自动加载
})
})
</script>
</html>

 

posted @ 2017-08-16 16:45  windowClass  阅读(2331)  评论(0编辑  收藏  举报