Lodop打印控件初始化过程

Lodop需要在计算机上下载一个控件C-Lodop
引用C-Lodop很简单，在页面head中添加如下路径的js文件，就可用固定变量名LODOP或CLODOP发打印请求了:

<script src='./LodopFuncs.js'></script>

由于我写了引申的方法，可以判断是否开启控件，能否加载出这个文件，所以直接引的另一个文件，来判断这个文件的核心方法。

<script src='http://localhost:18000/CLodopfuncs.js'></script>

页面引用了C-Lodop的js之后，就可以调用Lodop传统功能

var strHTML=document.getElementsByTagName("html")[0].innerHTML;
LODOP.PRINT_INITA(1,1,770,660,"测试预览功能");
LODOP.ADD_PRINT_TEXT(10,60,300,200,"这是测试的纯文本，下面是超文本:");
LODOP.ADD_PRINT_HTM(30,5,"100%","80%",strHTML);
LODOP.PREVIEW();

本服务有两个http端口默认是"8000"和"18000"，页面程序可同时双引用。

一般有一个衍生js文件，去判断有没有安装打印控件，做基本的判断
LodopFuncs.js

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 appaddress = $("#shipprint").attr("app_address");
    var strHtmInstall = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='http://s0.imhimg.com/install_lodop32.zip' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
    var strHtmUpdate = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='http://s0.imhimg.com/install_lodop32.zip' target='_self'>执行升级</a>,升级后请重新进入。</font>";
    var strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='http://s0.imhimg.com/install_lodop64.zip' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
    var strHtm64_Update = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='http://s0.imhimg.com/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='http://s0.imhimg.com/Lodop6.226_Clodop3.083.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='http://s0.imhimg.com/Lodop6.226_Clodop3.083.zip' target='_self'>执行升级</a>,升级后请刷新页面。</font>";
    var LODOP;
    try {
        var errMsg = "";
        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) {
                errMsg = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + errMsg;                
                errMsg = errMsg.replace(/<br[\/]?>/,"");
                $("#modalremind").show(); 
                $("#modalremind .tip-content").html(errMsg);
                return false;
                return;
            } else {
                if (CLODOP.CVERSION < "3.0.6.0") {
                    errMsg = strCLodopUpdate + errMsg;
                }
                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)
                    errMsg = strHtmChrome + errMsg;
                if (ua.indexOf('Firefox') >= 0){
                    errMsg = strHtmFireFox + errMsg;
                    errMsg = (is64IE ? strHtm64_Install : strHtmInstall) + errMsg;
                    errMsg = errMsg.replace(/<br[\/]?>/,"");
                    $("#modalremind").show(); 
                    $("#modalremind .tip-content").html(errMsg);
                    return false;
                }
                return LODOP;
            }
        }
        if (LODOP.VERSION < "6.2.2.4") {
            if (!needCLodop()){
                errMsg = (is64IE ? strHtm64_Update : strHtmUpdate) + errMsg;
                errMsg = errMsg.replace(/<br[\/]?>/,"");
                $("#modalremind").show(); 
                $("#modalremind .tip-content").html(errMsg);
                return false;
            }
            return LODOP;
        }

        if(LODOP.GET_PRINTER_COUNT() < 1){
            errMsg = "<br><font color='#FF00FF'>请先连接打印设备再进行打印。</font>"+errMsg;
        }
        //===如下空白位置适合调用统一功能(如注册语句、语言选择等):==

        if(errMsg){
            errMsg = errMsg.replace(/<br[\/]?>/,"");
            $("#modalremind").show(); 
            $("#modalremind .tip-content").html(errMsg);
            return false;
        }

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

可以用getLodop()方法去判断有没有安装Lodop打印控件

try{
  var LODOP = getCLodop();
  //如果没有安装，这个函数会走到if (!LODOP) 那里，然后给出安装提示
}catch(err){
	
}

小案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jquery-1.12.4.min.js"></script>
    <script src="./LodopFuncs.js"></script>
</head>

<body>
    <button>打印</button>
    <script>
        $('button').on('click',function(){
            //调用判断是否安装lodop，安装了并获取的方法
            var LODOP = getCLodop();
            if(LODOP){
				var page_width  	= 280;
	            var page_height 	= 127;
	            var url = 'https://www.baidu.com/img/bd_logo1.png';
	            LODOP.PRINT_INITA("0mm","0mm",page_width+"mm",page_height+"mm","");
	            LODOP.SET_PRINT_PAGESIZE("",page_width+'mm',page_height+'mm',"");
	    
	            LODOP.ADD_PRINT_IMAGE(0,0,"100%","100%","<img border='0' src='"+url+"'  />");
	            LODOP.SET_PRINT_STYLEA(0,"HtmWaitMilSecs",100);//延迟100毫秒
	            LODOP.SET_PRINT_STYLEA(0,"Stretch",2);//图片显示原大小
	            console.log(33333)
	            LODOP.PREVIEW();
	            // LODOP.PRINT();
			}
        })
    </script>
</body>

</html>

Lodop官方文档：在线样例

Lodop打印控件初始化过程

小案例

猜你喜欢