六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

客户端根据网址生成二维码

Admin | 2016-5-19 4:59:25 | ReadNums | 1349 | 标签 网页制作 | 打印本页
     

  在客户端,根据网站,即当前的URL,生成二维码的方法如下。

  一、所需要的JS库

二维码JS库

  将其引入到页面中,如

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

  二、页面控件

  只需要一个简单的DIV控件即可。

  <div id="code"></div>

  三、页面代码

  $(function(){
        $("#code").empty();
        var str = toUtf8(window.location.href);
        $("#code").qrcode({
            render: "canvas",
            width: 220,
            height:220,
            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;   
  }   

  四、生成的二维码示例图

二维码示例图

  拿您的手机扫描一下上面的二维码试试就明白了。


问题未解决:在线咨询

优德体育w88网站

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日