js生成二维码

<script src="~/Scripts/qrcode.js"></script>
<script>
window.onload = function () {
//二维码对象
var qrcode;
//默认设置
var content;
var size;
//设置点击事件
document.getElementById("send").onclick = function () {
//获取内容
content = document.getElementById("content").value;
content = content.replace(/(^\s*)|(\s*$)/g, "");
//获取尺寸
size = document.getElementById("size").value;
//检查内容
if (content == '') {
alert("请输入内容!");
return false;
}
if (!/^[0-9]*[1-9][0-9]*$/.test(size)) {
alert("请输入正整数!");
return false;
}
if (size < 100 || size > 500) {
alert("尺寸范围在100~500之间!");
return false;
}
//清除上次二维码
if (qrcode) {
qrcode.clear();
}
//创建二维码
qrcode = new QRCode(document.getElementById("qrcode"), {
width: size,
height:size
});
qrcode.makeCode(document.getElementById("content").value);
}

}
</script>
<body>
<p>内容:<input type="text" id="content" value="http://www.cnblogs.com/Zbuxu/" /></p>
<p>尺寸:<input type="text" id="size" value="150"></p>
<p><button id="send">生成二维码</button></p>
<div id="qrcode"></div>
</body>

效果图:

qrcode.js下载地址:http://download.csdn.net/download/fdipzone/9384734

posted @ 2017-03-17 14:53  Zbu  阅读(273)  评论(0编辑  收藏  举报