码迷,mamicode.com
首页 > 其他好文 > 详细

Qrcode生成二维码

时间:2016-06-21 17:24:21      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>创建二维码</title>
    <script src="~/Content/uploadify/jquery-2.1.1.min.js"></script>
    <script src="~/Content/uploadify/jquery.qrcode.min.js"></script>
    <script>
        $(function() {
            //方法1
            //$(‘#code‘).qrcode("http://www.baidu.com"); //任意字符串 
            //方法2
            $("#code").qrcode({
                render: "table", //table方式 || canvas方式
                width: 200, //宽度 
                height: 200, //高度 
                text: "www.baidu.com" //任意内容 
            });
        });
 
        //有中文先编码
        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="code"></div> 
</body>
</html>
 
 
js 下载地址:http://note.youdao.com/share/?id=b8ae1a3083f5cb27ec7b1ec606658e6f&type=note
 

Qrcode生成二维码

标签:

原文地址:http://www.cnblogs.com/mybkyzzj/p/5603858.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!