在web项目jsp页面自动生成二维码功能
原文:
http://www.cnblogs.com/gczmn/.
https://www.jq22.com/jquery-info294/.
先将下面的文件导入到js中
下载地址
链接: https://pan.baidu.com/s/1Gnde2FkRghrFMKDIABHKsg?pwd=7io5
提取码:7io5.
再将jquery.qrcode.min.js和jquery添加到jsp页面中 代码片
.
// An highlighted block
<script src="${ctx}/resource/user/js/jquery-jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/user/js/jquery.qrcode.min.js"></script>
然后创建一个DOM元素去包含生成qr码
<div id="ook">//id随便取
<script>
jQuery(function(){
jQuery('#ook').qrcode({//'#'后对应div的id名
render:"canvas",
text: utf16to8("你好http://www.baidu.com ")//“ ”里可以填中文或者网址
});
//二维码中的中文转换
function utf16to8(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>
</div>
这样你就拥有了一个二维码