使用QRCode实现二维码生成

来源：互联网发布：网站制作软件培训编辑：程序博客网时间：2024/06/11 08:12

1.下载QRCode库js文件

jquery.qrcode.min.js

2.引入jquery文件

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

3.引入qrcode文件

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

4.页面

<p><input type="text" class="input" id="mytxt" value=""> <input type="button" id="sub_btn" value="提交"></p><div id="code"></div>

5.js

$(function(){var str = "http://www.baidu.com";$('#code').qrcode(str);$("#sub_btn").click(function(){$("#code").empty();var str = toUtf8($("#mytxt").val());$("#code").qrcode({render: "table",width: 200,height:200,text: str});});})function 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;   }

6.实现效果

0 0