JQ 生成二维码图片

最新推荐文章于 2026-06-04 18:35:03 发布

原创最新推荐文章于 2026-06-04 18:35:03 发布 · 484 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

学习总结

本文介绍了如何利用jQuery库和jquery.qrcode.min.js插件生成二维码图片，提供了下载资源链接，并给出了相关代码示例。

话不多说：接着上一篇

JQ 同样需要引入两个文件： jquery.min.js 和jquery.qrcode.min.js

下载地址

https://pan.baidu.com/s/1i680P4h 密码：3gl6 ；

http://blog.csdn.net/qq_40529395/article/details/79362835 里面有

代码：

<body>
<div id="qrcode"></div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="./jquery-qrcode-master/jquery.qrcode.min.js"> </script>
<script type="text/javascript">

    这一段 如果要显示的是汉字需要用到，不是直接忽略
    /*utf16 转换为 utf8*/
    function utf16to8(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').qrcode({
        render: "canvas", // 渲染方式有table方式和canvas方式
        width: 256,   //默认宽度
        height: 256, //默认高度
        text: utf16to8('今天') , //二维码内容
        typeNumber: -1,   //计算模式一般默认为-1
        correctLevel: 2, //二维码纠错级别
        background: "#BCEE68",  //背景颜色
        foreground: "#A020F0"  //二维码颜色
       });
</script>
</body>