在客户端,根据网站,即当前的URL,生成二维码的方法如下。
一、所需要的JS库
将其引入到页面中,如
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
二、页面控件
只需要一个简单的DIV控件即可。
<div id="code"></div>
三、页面代码
$(function(){
$("#code").empty();
var str = toUtf8(window.location.href);
$("#code").qrcode({
render: "canvas",
width: 220,
height:220,
text: str
});
})
//下面的函数功能是实现转换,避免中文出现乱码
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;
}
四、生成的二维码示例图
拿您的手机扫描一下上面的二维码试试就明白了。