开源中文网

您的位置: 首页 > javascript编程 > 正文

js基于qrcode.js生成二维码的方法【附demo插件源码下载】

来源: 网络整理  作者: 佚名

本文实例讲述了js基于qrcode.js生成二维码的方法。分享给大家供大家参考,具体如下:
调用qrcode.js文件代码:
<!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.91linux.com");
document.getElementById("send").onclick =function(){
  qrcode.makeCode(document.getElementById("getval").value);
}
}
</script>
</body>
</html>

其中  调用方法:
var qrcode = new QRCode(elem, {
width : 96,//设置宽高
height : 96
});
qrcode.makeCode("http://www.91linux.com");

附:
qrcode.js可点击此处本站下载。

http://www.91linux.com/uploadfile/2017/0531/20170531112735421.zip

Tags:二维码 源码下载 插件
关于开源中文网 - 联系我们 - 广告服务 - 网站地图 - 版权声明