基于c-lodop后台打印

现在由于需要实现一些业务,频繁单次打印单张条码,过去频繁的打印,如果还是按浏览器的默认打印方式的话,会不停的弹窗提示确认打印的按钮,这显然不符合业务需求,费时费力。

经查阅资料,好像有两种方式可行,第一种是安装旧版的火狐浏览器(56以下的版本),然后需要安装一个拓展插件(jsprintsetup),不过好像需要手动安装,官网已经不再支持该插件,所以不建议使用该方法打印。第二种方式则是下载软件,然后用JS调用打印机的方式进行后台打印,具体操作流程如下:

1.下载c-lodop并安装,下载地址:http://www.c-lodop.com/download.html,最好下载云打印C-Lodop扩展版。解压安装运行即可。

2.编写demo测试打印,源码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0181)http://tldz.irobotbox.com/IrobotBox/Delivery/FBABatchSKU_Print.aspx?OrderCode=2020020314087172421&OrderSourceCountry=%E5%BE%B7%E5%9B%BD&FulfillmentNetworkSKU=X0015555RP&ProductNum=1 -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>

</title>

<body style="padding:0; margin:0; padding-left:20px;" onload="print_pages()">
<!--startprint--> 
<div id="div01">

</div>    

</body>
<script language="javascript" src="/static/toloog/js/print/lodopFuncs.js"></script>
<script language="javascript" type="text/javascript">
    var LODOP; //声明为全局变量
    var price_tds = document.getElementsByClassName('price');
    for(var i=0;i<price_tds.length;i++) {
        var _price = (i+1)*10;
        price_tds[i].innerHTML=_price;
    }

    // var btn = document.getElementById('print_btn');

    // btn.οnclick=function () {
    //     prn_preview1();
    // };

    function load_print() {
        CreateOnePage();
        LODOP.PRINT();
    }

    function printSet1() {
        CreateOnePage();
        LODOP.PRINT_SETUP();
    }



    function prn_preview1() {
        CreateOnePage();
        LODOP.SET_PREVIEW_WINDOW(1,0,0,0,0,"");
        LODOP.PREVIEW();
//        LODOP.PREVIEW();
//        LODOP.PRINT();
//        LODOP.PRINT_SETUP();
    };
    function CreateOnePage(){
        LODOP=getLodop();
        LODOP.PRINT_INIT("");
        // LODOP.ADD_PRINT_BARCODE(0,0,200,100,"Code39","X001VMCE83");
        LODOP.ADD_PRINT_BARCODE(10,25,270,60,"128B","条码值");//设置条码位置、宽高、字体、条码内容
        // LODOP.SET_PRINT_STYLEA(0,"FontSize",18);//设置上面这个条码下方的文字字体大小
        // LODOP.SET_PRINT_STYLEA(0,"Color","#FF0000");//设置当前条码以及条码下方字体的颜色
        // LODOP.SET_PRINT_STYLEA(0,"Angle",180);//设置旋转角度
        LODOP.SET_PRINT_STYLEA(0,"ShowBarText",0);//设置是否显示下方的文字
        // LODOP.SET_PRINT_STYLEA(0,"AlignJustify",2);//设置条码下方的文字相对于条码本身居中
        // LODOP.SET_PRINT_STYLEA(0,"AlignJustify",1);//设置条码下方的文字相对于条码本身居左
        // LODOP.SET_PRINT_STYLEA(0,"AlignJustify",3);//设置条码下方的文字相对于条码本身居右
        // LODOP.SET_PRINT_STYLEA(0,"GroundColor","#0080FF");//设置条码的背景色 
        LODOP.ADD_PRINT_TEXT(70,20,200,18,"文本");
        LODOP.SET_PRINT_STYLEA(0,"LineSpacing",0);
        LODOP.ADD_PRINT_TEXT(88,20,272,12,"文本");
        LODOP.SET_PRINT_STYLEA(0,"LineSpacing",0);
        LODOP.SET_PRINT_STYLEA(2,"FontSize",13);
        LODOP.SET_PRINT_STYLEA(2,"FontName","Consolas");
        // LODOP.SET_PRINT_STYLEA(2,"bold",1); //加粗
        LODOP.SET_PRINT_STYLEA(2,"LetterSpacing",1);
        LODOP.SET_PRINT_STYLEA(3,"FontSize",6);
        LODOP.SET_PRINT_STYLEA(3,"LetterSpacing",1);
        // LODOP.SET_PRINT_STYLEA(3,"bold",1); //加粗
        LODOP.SET_PRINT_STYLEA(3,"FontName","Consolas"); //设置字体
        LODOP.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW",true);
        // LODOP.SET_PRINT_STYLEA(0,"TextFrame",2);
        LODOP.ADD_PRINT_TEXT(100,20,100,15,"文本");
        LODOP.SET_PRINT_STYLEA(0,"LineSpacing",0);
        LODOP.ADD_PRINT_TEXT(115,20,100,15,"文本");
        LODOP.SET_PRINT_STYLEA(0,"LineSpacing",0);
        LODOP.ADD_PRINT_TEXT(125,130,200,15,"文本");
        LODOP.SET_PRINT_STYLEA(0,"LineSpacing",0);
        LODOP.SET_PRINT_STYLEA(4,"FontSize",13);
        LODOP.SET_PRINT_STYLEA(4,"FontName","Consolas");
        // LODOP.SET_PRINT_STYLEA(4,"bold",1);
        LODOP.SET_PRINT_STYLEA(4,"LetterSpacing",1);
        LODOP.SET_PRINT_STYLEA(5,"FontSize",13);
        // LODOP.SET_PRINT_STYLEA(5,"bold",1);
        LODOP.SET_PRINT_STYLEA(5,"FontName","Consolas");
        LODOP.SET_PRINT_STYLEA(5,"LetterSpacing",1);
        LODOP.SET_PRINT_STYLEA(6,"FontSize",13);
        // LODOP.SET_PRINT_STYLEA(6,"bold",1);
        LODOP.SET_PRINT_STYLEA(6,"FontName","Consolas");
        LODOP.SET_PRINT_STYLEA(6,"LetterSpacing",1);
        // LODOP.SET_PRINT_STYLEA(6,"AlignJustify",3);
        LODOP.SET_PREVIEW_WINDOW(0,0,0,0,0,"");
    };

    // 获取打印机列表
    function getPrintNameList() {

        var printerCount = LODOP.GET_PRINTER_COUNT();

        // 只是在为了测试在双向绑定时可不可以赋值之后打印。
        for (var i = 0; i < printerCount; i++) {
            console.log(LODOP.GET_PRINTER_NAME(i))
        }

    }
    // 指定打印机
    function PreviewByPrinterName(strPrinterName) {
        CreateOnePage();
        if (LODOP.SET_PRINTER_INDEXA(strPrinterName))
            LODOP.PREVIEW();
    };

    // 设置打印机的打印张数
    function PrintMoreCopies(intCopies) {
        CreateOnePage();
        if (LODOP.SET_PRINT_COPIES(intCopies)) LODOP.PRINT();
        else  alert("设置打印份数失败!");
    };
</script>

    <script language="javascript">
        function print_pages(){
            setTimeout("preview()","200");
        }
        function preview() {
            load_print(); // 直接打印
            // printSet1(); //打印预览
        } 
</script> 
</html>

以上这种方式打印会在纸张的尾部有提示:本页由【试用版打印控件Lodop】输出

lodopFuncs.js源码如下:

/**
 * Created by mamimi on 2018/11/14.
 */
var CreatedOKLodop7766 = null, CLodopIsLocal;

//====判断是否需要 Web打印服务CLodop:===
//===(不支持插件的浏览器版本需要用它)===
function needCLodop() {
    try {
        var ua = navigator.userAgent;
        if (ua.match(/Windows\sPhone/i))
            return true;
        if (ua.match(/iPhone|iPod|iPad/i))
            return true;
        if (ua.match(/Android/i))
            return true;
        if (ua.match(/Edge\D?\d+/i))
            return true;

        var verTrident = ua.match(/Trident\D?\d+/i);
        var verIE = ua.match(/MSIE\D?\d+/i);
        var verOPR = ua.match(/OPR\D?\d+/i);
        var verFF = ua.match(/Firefox\D?\d+/i);
        var x64 = ua.match(/x64/i);
        if ((!verTrident) && (!verIE) && (x64))
            return true;
        else if (verFF) {
            verFF = verFF[0].match(/\d+/);
            if ((verFF[0] >= 41) || (x64))
                return true;
        } else if (verOPR) {
            verOPR = verOPR[0].match(/\d+/);
            if (verOPR[0] >= 32)
                return true;
        } else if ((!verTrident) && (!verIE)) {
            var verChrome = ua.match(/Chrome\D?\d+/i);
            if (verChrome) {
                verChrome = verChrome[0].match(/\d+/);
                if (verChrome[0] >= 41)
                    return true;
            }
        }
        return false;
    } catch (err) {
        return true;
    }
}

//====页面引用CLodop云打印必须的JS文件,用双端口(8000和18000)避免其中某个被占用:====
if (needCLodop()) {
    var src1 = "http://localhost:8000/CLodopfuncs.js?priority=1";
    var src2 = "http://localhost:18000/CLodopfuncs.js?priority=0";

    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
    var oscript = document.createElement("script");
    oscript.src = src1;
    head.insertBefore(oscript, head.firstChild);
    oscript = document.createElement("script");
    oscript.src = src2;
    head.insertBefore(oscript, head.firstChild);
    CLodopIsLocal = !!((src1 + src2).match(/\/\/localho|\/\/127.0.0./i));
}

//====获取LODOP对象的主过程:====
function getLodop(oOBJECT, oEMBED) {

    var strHtmInstall = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop32.zip' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
    var strHtmUpdate = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop32.zip' target='_self'>执行升级</a>,升级后请重新进入。</font>";
    var strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop64.zip' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
    var strHtm64_Update = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop64.zip' target='_self'>执行升级</a>,升级后请重新进入。</font>";
    var strHtmFireFox = "<br><br><font color='#FF00FF'>(注意:如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它)</font>";
    var strHtmChrome = "<br><br><font color='#FF00FF'>(如果此前正常,仅因浏览器升级或重安装而出问题,需重新执行以上安装)</font>";
    var strCLodopInstall_1 = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动,点击这里<a href='CLodop_Setup_for_Win32NT.zip' target='_self'>下载执行安装</a>";
    var strCLodopInstall_2 = "<br>(若此前已安装过,可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>)";
    var strCLodopInstall_3 = ",成功后请刷新本页面。</font>";
    var strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='CLodop_Setup_for_Win32NT.zip' target='_self'>执行升级</a>,升级后请刷新页面。</font>";
    var LODOP;
    try {
        var ua = navigator.userAgent;
        var isIE = !!(ua.match(/MSIE/i)) || !!(ua.match(/Trident/i));
        if (needCLodop()) {
            try {
                LODOP = getCLodop();
            } catch (err) {}
            if (!LODOP && document.readyState !== "complete") {
                alert("网页还没下载完毕,请稍等一下再操作.");
                return;
            }
            if (!LODOP) {
                document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + document.body.innerHTML;
                return;
            } else {
                if (CLODOP.CVERSION < "3.0.6.0") {
                    document.body.innerHTML = strCLodopUpdate + document.body.innerHTML;
                }
                if (oEMBED && oEMBED.parentNode)
                    oEMBED.parentNode.removeChild(oEMBED);
                if (oOBJECT && oOBJECT.parentNode)
                    oOBJECT.parentNode.removeChild(oOBJECT);
            }
        } else {
            var is64IE = isIE && !!(ua.match(/x64/i));
            //=====如果页面有Lodop就直接使用,没有则新建:==========
            if (oOBJECT || oEMBED) {
                if (isIE)
                    LODOP = oOBJECT;
                else
                    LODOP = oEMBED;
            } else if (!CreatedOKLodop7766) {
                LODOP = document.createElement("object");
                LODOP.setAttribute("width", 0);
                LODOP.setAttribute("height", 0);
                LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
                if (isIE)
                    LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
                else
                    LODOP.setAttribute("type", "application/x-print-lodop");
                document.documentElement.appendChild(LODOP);
                CreatedOKLodop7766 = LODOP;
            } else
                LODOP = CreatedOKLodop7766;
            //=====Lodop插件未安装时提示下载地址:==========
            if ((!LODOP) || (!LODOP.VERSION)) {
                if (ua.indexOf('Chrome') >= 0)
                    document.body.innerHTML = strHtmChrome + document.body.innerHTML;
                if (ua.indexOf('Firefox') >= 0)
                    document.body.innerHTML = strHtmFireFox + document.body.innerHTML;
                document.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTML;
                return LODOP;
            }
        }
        if (LODOP.VERSION < "6.2.2.4") {
            if (!needCLodop())
                document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML;
            return LODOP;
        }
        //===如下空白位置适合调用统一功能(如注册语句、语言选择等):==


        LODOP.SET_LICENSES("","13528A153BAEE3A0254B9507DCDE2839","","");
        //=======================================================
        return LODOP;
    } catch (err) {
        alert("getLodop出错:" + err);
    }
}

控件功能强大,却简单易用,所有调用如同JavaScript扩展语句, 主要接口函数如下: PRINT_INIT 打印初始化 SET_PRINT_PAGESIZE 设定纸张大小 ADD_PRINT_HTM 增加超文本项 ADD_PRINT_TEXT 增加纯文本项 ADD_PRINT_TABLE 增加表格项 ADD_PRINT_SHAPE 画图形 SET_PRINT_STYLE 设置对象风格 PREVIEW 打印预览 PRINT 直接打印 PRINT_SETUP 打印维护 PRINT_DESIGN 打印设计 ... 样例清单 1.如何在页面内嵌入控件见样例一 2.如何选材打印当前页面内容见样例二 3.如何用代码生成打印页见样例三 4.如何打印设计和定位套打见样例四 5.如何控制纸张大小和连续打印见样例五 6.如何输出多页长文档及双面打印见样例六 7.如何定向输出见样例七 8.如何打印图片见样例八 9.如何用程序加载打印维护背景图见样例九 10.如何控制打印样式(STYLE)见样例十 11.如何直接打印条形码见样例十一 12.如何读写本地文件见样例十二 13.如何打印旋转内容见样例十三 14.如何按URL打印见样例十四 15.如何打印表格的页头页尾见样例十五 16.如何设置预览窗口大小见样例十六 17.如何发打印机指令或直接读写端口见样例十七 18.如何打印幅面高度不固定的票据见样例十八 19.如何内嵌显示及预览时包含背景图见样例十九 20.如何强制分页并预览多页卡片见样例二十 21.如何控制打印维护的功能权限见样例二十一 22.如何构建自己的纯WEB打印预览见样例二十二 23.如何居中打印超文本见样例二十三 24.如何选择界面皮肤见样例二十四 25.如何指定输出到哪页或仅预览见样例二十五 26.如何提高多页打印的性能见样例二十六 27.如何导出数据到Excel文件见样例二十七 28.如何快速读取客户端系统信息见样例二十八 29.如何使用其它长度单位见样例二十九 30.如何分页输出页面内容见样例三十 31.如何打印表格的分页小计或合计见样例三十一 32.如何实现清晰的图表打印见样例三十二 33.如何实现甘特图等的图表打印见样例三十三 34.如何使用百分比%和满页打印见样例三十四 35.如何获得打印结果和程序代码见样例三十五 36.如何在设计过程中用js编辑内容见样例三十六 37.如何打印公章效果图见样例三十七 38.如何用BASE64编码输出图片见样例三十八 39.如何打印田字格、上划线等文本见样例三十九 40.如何进行数据格式转换见样例四十 41.如何把内容关联后按顺序打印见样例四十一 42.如何把整页内容缩放打印见样例四十二 43.如何分页打印综合表格见样例四十三 44.如何缩放打印单个超文本内容见样例四十四 45.如何获得打印状态及最终结果见样例四十五 46.如何设置右边距和下边距见样例四十六
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值