基于jquery二维码生成插件qrcode
本文将介绍一款基于jquery的二维码生成插件qrcode，在页面中调用该插件就能生成对应的二维码。
1、首先在页面中加入jquery库文件和qrcode插件。
<scripttype="text/javascript"src="jquery.js"></script> <scripttype="text/javascript"src="jquery.qrcode.min.js"></script>
2、在页面布局中添加一个div
<divclass="modal-body"id="qrCode"style="left:40px"> </div>
3、调用qrcode插件。
varstr="http://"+location.host+"/ActivityDetail.html?id="+row.ActivityGuid+"&isMail="+row.isMail+"";
$("#qrCode").empty();
$('#qrCode').qrcode(str);
//$('#qrCode').qrcode("https://www.nhooo.com");//任意字符串
4、我们试验的时候发现不能识别中文内容的二维码，通过查找多方资料了解到，jquery-qrcode是采用charCodeAt()方式进行编码转换的。而这个方法默认会获取它的Unicode编码，如果有中文内容，在生成二维码前就要把字符串转换成UTF-8，然后再生成二维码。您可以通过以下函数来转换中文字符串：
functiontoUtf8(str){
varout,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);
}elseif(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));
}
}
returnout;
}
可以把这个方法直接写入到引用的插件里面，后面直接调用即可。如下：
varstr=toUtf8("2017鸡年大吉！");
$('#qrCode').qrcode(str);
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。