</pre><h1 style="text-align: center;"><span style="color:#33cc00;">js生成二维码</span></h1><div></div><div>这两天需要写一个js生成二维码,就上网学习了一下,感觉还是挺不错的。</div><div></div><div>写二维码之前需要jquery-2.1.1.js和jquery.qrcode.min.js</div><div>1.导入jquery-2.1.1.js和jquery.qrcode.min.js</div><div>2.通过$('#code').qrcode(str)方法便可生成二维码,在id为code的区域。</div><div></div><div></div><div>演示代码</div><div></div><div><pre name="code" class="html"><html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
<script type="text/javascript">
$(function(){
//首先初始化一个二维码(你好世界)
var str="你好世界!";
$('#code').qrcode(str);
$('#tijiao').click(function(){
$('#code').empty();//生成二维码的区域置为空
var str=toUtf8($('#erweima').val());
$('#code').qrcode({
render: "table",
width: 200,
height:200,
text: str
});
});
});
//将汉字的编码格式转换为UTF-8
function toUtf8(str) {
var out, i, len, c;
out = "";
len = str.length;
for(i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
}
</script>
</head>
<body>
<div align="center">
<br><br><br>
<br><br><br>
<h1>js生成二维码</h1>
<br>
<input type="text" class="input" id="erweima"/><input type="button" id="tijiao" value="提交"><br><br><br>
<div id="code"></div>
</div>
</body>
</html>
js生成二维码
最新推荐文章于 2024-06-21 10:06:07 发布