本文实例讲述了js基于qrcode.js生成二维码的方法。分享给大家供大家参考,具体如下:
调用qrcode.js文件代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset= "utf-8" />
<script src= "js/qrcode.js" ></script>
<style>
#qrcode{
/*text-align: center;*/
/*display: table-cell;*/
/*width: 96px;*/
/*height: 96px;*/
/*vertical-align:middle;*/
/*position: relative;*/
}
</style>
</head>
<body>
<div id= "qrcode" >
</div>
<input type= "text" id= "getval" /> <button id= "send" >点击更换验证码</button>
<script>
window.onload = function (){
var qrcode = new QRCode(document.getElementById( "qrcode" ), {
width : 96, //设置宽高
height : 96
});
qrcode.makeCode( "http://www.zzvips.com" );
document.getElementById( "send" ).onclick = function (){
qrcode.makeCode(document.getElementById( "getval" ).value);
}
}
</script>
</body>
</html>
|
其中 调用方法:
1
2
3
4
5
|
var qrcode = new QRCode(elem, {
width : 96, //设置宽高
height : 96
});
qrcode.makeCode( "http://www.zzvips.com" );
|
附:
qrcode.js可点击此处本站下载。
这里再提供jquery.qrcode.min.js本站下载地址。
希望本文所述对大家JavaScript程序设计有所帮助。