LODOP使用

 准备工作:下载中心 - Lodop和C-Lodop官网主站

都要下载

 第一步:直接粘

 <script>
        //==本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例,可直接使用,建议理解后融入自己程序==

        //用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
        var MainJS ="CLodopfuncs.js",
            URL_WS1   = "ws://localhost:8000/"+MainJS,                //ws用8000/18000
            URL_WS2   = "ws://localhost:18000/"+MainJS,
            URL_HTTP1 = "http://localhost:8000/"+MainJS,              //http用8000/18000
            URL_HTTP2 = "http://localhost:18000/"+MainJS,
            URL_HTTP3 = "https://localhost.lodop.net:8443/"+MainJS;   //https用8000/8443

        var CreatedOKLodopObject, CLodopIsLocal, LoadJsState;

        //==判断是否需要CLodop(那些不支持插件的浏览器):==
        function needCLodop() {
            try {
                var ua = navigator.userAgent;
                if (ua.match(/Windows\sPhone/i) ||
                    ua.match(/iPhone|iPod|iPad/i) ||
                    ua.match(/Android/i) ||
                    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;
            }
        }

        //==检查加载成功与否,如没成功则用http(s)再试==
        //==低版本CLODOP6.561/Lodop7.043及前)用本方法==
        function checkOrTryHttp() {
            if (window.getCLodop) {
                LoadJsState = "complete";
                return true;
            }
            if (LoadJsState == "loadingB" || LoadJsState == "complete") return;
            LoadJsState = "loadingB";
            var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
            var JS1 = document.createElement("script")
                ,JS2 = document.createElement("script")
                ,JS3 = document.createElement("script");
            JS1.src = URL_HTTP1;
            JS2.src = URL_HTTP2;
            JS3.src = URL_HTTP3;
            JS1.onload = JS2.onload = JS3.onload = JS2.onerror = JS3.onerror=function(){LoadJsState = "complete";}
            JS1.onerror = function(e) {
                if (window.location.protocol !== 'https:')
                    head.insertBefore(JS2, head.firstChild); else
                    head.insertBefore(JS3, head.firstChild);
            }
            head.insertBefore(JS1,head.firstChild);
        }

        //==加载Lodop对象的主过程:==
        (function loadCLodop(){
            if (!needCLodop()) return;
            CLodopIsLocal = !!((URL_WS1 + URL_WS2).match(/\/\/localho|\/\/127.0.0./i));
            LoadJsState = "loadingA";
            if (!window.WebSocket && window.MozWebSocket) window.WebSocket=window.MozWebSocket;
            //ws方式速度快(小于200ms)且可避免CORS错误,但要求Lodop版本足够新:
            try {
                var WSK1=new WebSocket(URL_WS1);
                WSK1.onopen = function(e) { setTimeout("checkOrTryHttp()",200); }
                WSK1.onmessage = function(e) {if (!window.getCLodop) eval(e.data);}
                WSK1.onerror = function(e) {
                    var WSK2=new WebSocket(URL_WS2);
                    WSK2.onopen = function(e) {setTimeout("checkOrTryHttp()",200);}
                    WSK2.onmessage = function(e) {if (!window.getCLodop) eval(e.data);}
                    WSK2.onerror= function(e) {checkOrTryHttp();}
                }
            } catch(e){
                checkOrTryHttp();
            }
        })();

        //==获取LODOP对象主过程,判断是否安装、需否升级:==
        function getLodop(oOBJECT, oEMBED) {
            var strFontTag = "<br><font color='#FF00FF'>打印控件";
            var strLodopInstall = strFontTag + "未安装!点击这里<a href='install_lodop32.exe' target='_self'>执行安装</a>";
            var strLodopUpdate = strFontTag + "需要升级!点击这里<a href='install_lodop32.exe' target='_self'>执行升级</a>";
            var strLodop64Install = strFontTag + "未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>";
            var strLodop64Update = strFontTag + "需要升级!点击这里<a href='install_lodop64.exe' target='_self'>执行升级</a>";
            var strCLodopInstallA = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动,点击这里<a href='CLodop_Setup_for_Win32NT.exe' target='_self'>下载执行安装</a>";
            var strCLodopInstallB = "<br>(若此前已安装过,可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>)";
            var strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>";
            var strLodop7FontTag = "<br><font color='#FF00FF'>Web打印服务Lodop7";
            var strLodop7HrefX86 = "点击这里<a href='Lodop7_Linux_X86_64.tar.gz' target='_self'>下载安装</a>(下载后解压,点击lodop文件开始执行)";
            var strLodop7HrefARM = "点击这里<a href='Lodop7_Linux_ARM64.tar.gz'  target='_self'>下载安装</a>(下载后解压,点击lodop文件开始执行)";
            var strLodop7Install_X86 = strLodop7FontTag + "未安装启动," + strLodop7HrefX86;
            var strLodop7Install_ARM = strLodop7FontTag + "未安装启动," + strLodop7HrefARM;
            var strLodop7Update_X86 = strLodop7FontTag + "需升级," + strLodop7HrefX86;
            var strLodop7Update_ARM = strLodop7FontTag + "需升级," + strLodop7HrefARM;
            var strInstallOK = ",成功后请刷新本页面或重启浏览器。</font>";
            var LODOP;
            try {
                var isWinIE = (/MSIE/i.test(navigator.userAgent)) || (/Trident/i.test(navigator.userAgent));
                var isWinIE64 = isWinIE && (/x64/i.test(navigator.userAgent));
                var isLinuxX86 = (/Linux/i.test(navigator.platform)) && (/x86/i.test(navigator.platform));
                var isLinuxARM = (/Linux/i.test(navigator.platform)) && (/aarch/i.test(navigator.platform));

                if (needCLodop() || isLinuxX86 || isLinuxARM) {
                    try {
                        LODOP = window.getCLodop();
                    } catch (err) {}
                    if (!LODOP && LoadJsState !== "complete") {
                        if (!LoadJsState)
                            alert("未曾加载Lodop主JS文件,请先调用loadCLodop过程."); else
                            alert("网页还没下载完毕,请稍等一下再操作.");
                        return;
                    }
                    var strAlertMessage;
                    if (!LODOP) {
                        if (isLinuxX86)
                            strAlertMessage = strLodop7Install_X86;
                        else if (isLinuxARM)
                            strAlertMessage = strLodop7Install_ARM;
                        else
                            strAlertMessage = strCLodopInstallA + (CLodopIsLocal ? strCLodopInstallB : "");
                        document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
                        return;
                    } else {
                        if (isLinuxX86 && LODOP.CVERSION < "7.0.7.5")
                            strAlertMessage = strLodop7Update_X86;
                        else if (isLinuxARM && LODOP.CVERSION < "7.0.7.5")
                            strAlertMessage = strLodop7Update_ARM;
                        else if (CLODOP.CVERSION < "6.5.7.9")
                            strAlertMessage = strCLodopUpdate;

                        if (strAlertMessage)
                            document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
                    }
                } else {
                    //==如果页面有Lodop插件就直接使用,否则新建:==
                    if (oOBJECT || oEMBED) {
                        if (isWinIE)
                            LODOP = oOBJECT;
                        else
                            LODOP = oEMBED;
                    } else if (!CreatedOKLodopObject) {
                        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 (isWinIE)
                            LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
                        else
                            LODOP.setAttribute("type", "application/x-print-lodop");
                        document.documentElement.appendChild(LODOP);
                        CreatedOKLodopObject = LODOP;
                    } else
                        LODOP = CreatedOKLodopObject;
                    //==Lodop插件未安装时提示下载地址:==
                    if ((!LODOP) || (!LODOP.VERSION)) {
                        document.body.innerHTML = (isWinIE64 ? strLodop64Install : strLodopInstall) + strInstallOK + document.body.innerHTML;
                        return LODOP;
                    }
                    if (LODOP.VERSION < "6.2.2.6") {
                        document.body.innerHTML = (isWinIE64 ? strLodop64Update : strLodopUpdate) + strInstallOK + document.body.innerHTML;
                    }
                }
                //===如下空白位置适合调用统一功能(如注册语句、语言选择等):=======================


                //===============================================================================
                return LODOP;
            } catch (err) {
                alert("getLodop出错:" + err);
            }
        }


    </script>
    <object  id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0 >
        <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 ></embed>
    </object>
    <script src="http://localhost:8000/CLodopFuncs.js"></script>

第二步 打印

<scprit>
var LODOP=getLodop();
首先一个初始化语句
LODOP.PRINT_INIT("打印价格标签");
//这里打印的是图片 前两个值是距离边框的距离,后两个值是图片大小 img是图片图片路经,或图片64编码
LODOP.ADD_PRINT_IMAGE(80,100,680,500,img);
//预览打印
//LODOP.PREVIEW()
//直接打印预览
LODOP.PRINT();  
</scprit>

学习笔记 

 

Lodop打印需要的LodopFuncs.js已测试可使用 Lodop是什么? 有人说她是Web打印控件,因为她能打印、在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来; 有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事项都能做到; 有人说她是JavaScript的扩展,因为她所有功能就那么几个语句,和JS语法一样,一看就明白个究竟; 有人说她是报表打印工具,因为那个add_print_table语句把报表统计的那点事弄了个明明白白; 有人说她是条码打印工具,因为用了她再也不用后台生成条码图片了,前端一行指令就动态输出清晰准确的条码,一维二维都行; 有人说她是图表打印工具,因为用她能输出几乎能想象的任何图表,虽然没那么豪华,但什么饼图、折线图、柱图甚至复合图等等都不在话下; 有人说她是个小玩意,因为她体积太小了,才2M多,她所包含的其中任何一个对照工具都是她的好几倍(例如条码打印控件、图表控件等); 有人说她是套打教案,因为以Lodop+JS实现套打这种模式,在网上已被吵吵为教科书般的解决方案; 有人说她是Web打印控件的“终结者”,因为接触“她”后再不想别的“她”; 有人说她就是一个Web编程小工具,因为有了她,在BS下的打印终于像cs下那种随意而高效了; 但我们说,她是全国1000多家软件公司的智慧结晶,诞生7年了,几乎每个功能细节都蕴藏着无数开发者的期待和汗水; 她就是Lodop,没有别的名称,她是web开发的必选伴侣...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值