jquery生成二维码

下载链接： http://pan.baidu.com/s/1qYVOD7Q

 

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/js/jquery.qrcode.min.js"></script>

@*@using (this.Ajax.BeginForm("","",new AjaxOptions{HttpMethod="htt"}))*@

<script type="text/javascript">
    $(function () {
        $("#code").empty();
        var str = toUtf8($("#hidTxt").val());
        $("#code").qrcode({
            render: "table",
            width: 200,
            height: 200,
            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;
    }
</script>

<div class="demo">
    <input type="hidden" class="input" id="hidTxt" value="@Model[0]">
    <div id="code"></div>
</div>

<style type="text/css">
    .demo {
        width: 400px;
        margin: 40px auto 0 auto;
        min-height: 250px;
    }

        .demo p {
            line-height: 30px;
        }

    #code {
        margin-top: 10px;
    }
</style>