基本信息
源码名称:js生成二维码并打印(jquery.jqprint)
源码大小:2.81KB
文件格式:.html
开发语言:js
更新时间:2019-03-27
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JQuery QRcode</title>
    <style>
        @media screen
        {
            #canvas
            {
                display: block;
            }
            #image
            {
                display: none;
            }
        }
        @media print
        {
            #canvas
            {
                display: none;
            }
            #image
            {
                display: block;
            }
        }
    </style>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>

    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js" type="text/javascript"></script>

    <script src="https://blog-static.cnblogs.com/files/diyunfei/jquery.jqprint-0.3.js" type="text/javascript"></script>

    <script>
    function encode(){
        $("#code").html('');
        var str=$('#txt').val();
        str=toUtf8(str);
        //$('#code').qrcode(str);
        $("#code").qrcode({ 
            render: "canvas", //table方式
            width: 100, //宽度
            height:100, //高度
            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;
    }
    
    function print(){
        var img = document.getElementById("image"); /// get image element
        var canvas  = document.getElementsByTagName("canvas")[0];  /// get canvas element
        img.src = canvas.toDataURL();                     /// update image
        
        $("#image").jqprint({
            debug:false,
            importCSS:true,
            printContainer:true,
            operaSupport:false
        });
    }
    </script>

</head>
<body>
    <input type="text" id="txt" />
    <button id="btnEncode" onclick="encode();">
        生成QRcode</button>
    <button id="btnPrint" onclick="print();">
        打印</button>
    <hr />
    <div id="code">
    </div>
    <img id="image" src="" />
</body>
</html>