jquery 生成二维码

这篇博客介绍了如何使用jQuery和qrcode.min.js库在网页上生成二维码。首先需要引入jQuery和qrcode.min.js的JavaScript文件,然后通过jQuery选择器指定元素并调用qrcode方法,设置渲染方式、尺寸和二维码内容。特别地,为了支持中文内容,博客还提供了一个utf16to8函数将字符串转换为UTF-8编码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

* jquery.qrcode.js 是把它用jquery方式封装起来的,用它来实现图形渲染,
          其实就是画图(支持canvas和table两种方式)
          
 * 使用canvas方式渲染性能还是非常不错的,
        但是如果用table方式,性能不太理想,特别是IE9以下的浏览器,所以需要自行优化一下渲染table的方式
        
 * 渲染方式可选择canvas或table,默认是canvas,canvas方式还支持右键图片下载

   canvas方式,对浏览器版本有要求,需要注意

1.首先要引入js

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.qrcode.min.js"></script>

2.

<script type="text/javascript">
$("#code").qrcode({
render : "table", //设置渲染方式。默认为 canvas(canvas方式存在兼容性问题,需注意) 
width : 180, //二维码宽度  
height : 180, //二维码高度  
text : utf16to8("二维码内容:www.二维码.com")
//二维码内容  
});


//字符串转换成UTF-8,支持中文二维码
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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值