Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2016-5-19 4:59:25 | 被阅次数 | 3788

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  在客户端,根据网站,即当前的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;   
  }   

  四、生成的二维码示例图

二维码示例图

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


该杂文来自: 网页制作杂文

上一篇:固定某个对象 不随滚动条

下一篇:qrcode.decode语法读取解码二维码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计