生成二维码

原创

qq5df031b1ada1e 2021-09-07 17:48:45 ©著作权

文章标签 jquery 生成二维码二维码 i++ 百度 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者qq5df031b1ada1e的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用js生成二维码。

<head>
 
</style>
    <%--生成二维码使用的js文件引入--高占路 2018-9-28 14:58:14--%> 
    <script src="../JS/QRCodejs/jquery-3.2.1.min.js"></script>
    <script src="../JS/QRCodejs/jquery.qrcode.min.js"></script>
    <!--引入cookie的js-->
    <script src="/OrderSys/JS/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(function () {    
         var str = $.cookie("username");     <%--获取保存到cookie中的卡号--%>   
            $('#code').qrcode(toUtf8(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;
        }
    </script>

</head>

<body>
    <%--显示生成二维码图片的空间--%> 
     <div id="main">
        <div class="demo">
            <p>使用二维码取餐</p>         
            <div id="code" style="text-align: center;"></div>
        </div>
    </div>       
</body>