js 生成二维码_js 生成二维码

qrcode.min.js 下载地址：

jeromeetienne/jquery-qrcode​github.com

页面中:
<div class="page">
<span class="title">请输入二维码链接</span>
<div class="form-group">
<div class="col-sm-6">
<input type="text" id="url" class="form-control" />
</div>
<div class="col-sm-6">
<button class="btn" οnclick="code()">生成</button>
</div>
</div>
<div class="form-group">
<div class="col-sm-8">
<div id="qrcode" style="margin-left:20%;"></div>
</div>
</div>
</div>
<script src="qrcode.min.js"></script>
<script type="text/javascript">function test(){var qrcode = new QRCode(document.getElementById("qrcode"), "http://www.baidu.com"); // 设置要生成二维码的链接
qrcode.clear(); // 清除代码
qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码
}function code(){
$('#qrcode').html('');var text = $('#url').val();new QRCode(document.getElementById('qrcode'),{
text: text,
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
}
</script>