点击生成二维码

每一天都有收获，才不会辜负你一生技术的生涯，今天分享下生成二维码的操作，用的是jq的插件

首先要导入jq的一些必要的插件

<script type="text/javascript" src="../js/jquery.min.js" ></script>

<script type="text/javascript" src="../js/jquery.qrcode.min.js" ></script>

没有插件的可以去官网下载

页面展示部分

<li class="right">
<span class="dj">点击生成二维码</span>
<div id="code"></div><!--这个id内容就是显示二维码区域-->

</li>

最关键的是这一部分

$(".dj").on("click",function(){
 	$("#code").show();
 })

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;  
}  
//如果你要显示固定的二维码网址，只需要把下面text的内容换成你需要的网址就行了！
 var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司（组织） \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中国山东... \r\nURL:https://leerd.cn \r\nEND:VCARD";
the_text = utf16to8(the_text);
//alert(the_text);
jQuery('#code').qrcode({
width:200,
height:200,
render:"canvas", //设置渲染方式 table canvas
typeNumber  : -1,    //计算模式 
correctLevel    : 0,//纠错等级  
text:the_text
}); 

是不是很简单