js生成二维码

来源：互联网发布：淘宝韩代编辑：程序博客网时间：2024/05/21 08:47
</pre><h1 style="text-align: center;"><span style="color:#33cc00;">js生成二维码</span></h1><div></div><div>这两天需要写一个js生成二维码，就上网学习了一下，感觉还是挺不错的。</div><div></div><div>写二维码之前需要jquery-2.1.1.js和jquery.qrcode.min.js</div><div>1.导入jquery-2.1.1.js和jquery.qrcode.min.js</div><div>2.通过$('#code').qrcode(str)方法便可生成二维码，在id为code的区域。</div><div></div><div></div><div>演示代码</div><div></div><div><pre name="code" class="html"><html><head><meta charset="utf-8"><script type="text/javascript" src="js/jquery-2.1.1.js"></script><script type="text/javascript" src="js/jquery.qrcode.min.js"></script><script type="text/javascript">$(function(){//首先初始化一个二维码（你好世界）var str="你好世界！";$('#code').qrcode(str);$('#tijiao').click(function(){$('#code').empty();//生成二维码的区域置为空var str=toUtf8($('#erweima').val());$('#code').qrcode({render: "table",width: 200,height:200,text: str});});});//将汉字的编码格式转换为UTF-8function 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;   }  </script></head><body><div align="center"><br><br><br><br><br><br><h1>js生成二维码</h1><br><input type="text" class="input" id="erweima"/><input type="button" id="tijiao" value="提交"><br><br><br><div id="code"></div></div></body></html>
0 0