jQuery生成二维码

最新推荐文章于 2024-01-11 14:07:28 发布

weixin_33810302

最新推荐文章于 2024-01-11 14:07:28 发布

阅读量148

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ynxrsoft/p/7895819.html

版权

使用jQuery生成二维码实际上是使用jQuery来实现画图、图形渲染。

1，引入jquery.min.js和jquery.qrcode.min.js这两个库文件。

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

2，html内容如下：

<body>
    <div class="panel panel-default">
        <div id="qrcode">
            
        </div>
    </div> 
</body>

3，调用方法生成二维码：

<script>
    $(function(){
　　　　　　
        outputQRCod("http:www.baidu.com", 100, 100);
　　　　　
　　　　　//转换中文字符串
        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;
        }

        //生成二维码
        function outputQRCod(txt, width, height) {
            //先清空
            $("#qrcode").empty();
            //中文格式转换
            var str = toUtf8(txt);
            //生成二维码
            $("#qrcode").qrcode({
                render: "canvas",//canvas和table两种渲染方式
                width: width,
                height: height,
                text: str
            });
        }
    })
</script

4，效果展示：

5，手机扫码结果：

转载于:https://www.cnblogs.com/ynxrsoft/p/7895819.html

weixin_33810302

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery生成二维码

使用jQuery生成二维码实际上是使用jQuery来实现画图、图形渲染。1，引入jquery.min.js和jquery.qrcode.min.js这两个库文件。<script src="js/jquery.min.js"></script><script src="js/jquery.qrcode.min.js"></script>...
复制链接

扫一扫