使用Lodop打印小票

1.html页面

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>WEB打印控件LODOP</title>

<script language="javascript" src="/jsnh/js/LodopFuncs.js"></script>

</head>

<!--<body><input type="text" id="T6" size="2"  name="copies">-->

<!--<a href="javascript:prn1_preview()">预览打印多份一样的内容</a><br>

<a href="javascript:prn1_preview2()">预览打印多页</a><br>

<a href="javascript:prn1_preview3()">直接打印多任务</a><br>

<a href="javascript:prn1_preview4()">直接打印分页分任务 分组打印</a>-->

<a href="javascript:prn1_preview5()">预览 </a>

<script language="javascript" type="text/javascript">

        var LODOP; //声明为全局变量 

   /* function prn1_preview() {//批量打印相同内容可以用份数

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

        LODOP.SET_PRINT_PAGESIZE(1,300,500,"");

        LODOP.SET_PRINT_COPIES(document.getElementById('T6').value);

        LODOP.ADD_PRINT_TEXT(75,6,100,20,"一个文本");

        //LODOP.PRINT_DESIGN();

        LODOP.PREVIEW();

    };

    function prn1_preview2() {    //一个任务中循环多页，每页内容不同

         LODOP=getLodop();

          var wenben=["一号文本","二号文本","三号文本","四号文本"];

         LODOP.PRINT_INIT("");//初始化在循环外

         LODOP.SET_PRINT_PAGESIZE(1,300,500,"");

         for (i=0;i<wenben.length;i++)

      {

         LODOP.NewPage();

         LODOP.ADD_PRINT_TEXT(75,6,100,20,wenben[i]);

      }

        //LODOP.PRINT_DESIGN();

        LODOP.PREVIEW();

    };

    function prn1_preview3() {    //循环多个任务，每个任务内容不同

         LODOP=getLodop();

         var wenben=["一号文本","二号文本","三号文本","四号文本"];

          for (i=0;i<wenben.length;i++)

      {

        LODOP.PRINT_INIT("");//初始化在循环中

        LODOP.SET_PRINT_PAGESIZE(1,300,500,"");

        LODOP.ADD_PRINT_TEXT(75,6,100,20,wenben[i]);

        LODOP.PRINT();

   }

    };

   function prn1_preview4() {    //循环多个任务，任务中循环页数，分页分任务

         LODOP=getLodop();

         var wenben=["一号文本","二号文本","三号文本","四号文本"];

          for (i=0;i<4;i=i+2)

      {

        LODOP.PRINT_INIT("");//初始化在外循环中

        LODOP.SET_PRINT_PAGESIZE(1,300,500,"");

               for (j=0;j<2;j++)

             {

             console.log(i+j);

             LODOP.ADD_PRINT_TEXT(75,6,100,20,wenben[i+j]);

             LODOP.NewPage();

             }

        //LODOP.PRINT_DESIGN();

        LODOP.PRINT();

   }

    };*/

      function prn1_preview5() {    //循环多个任务，每个任务内容不同

          console.log("ssss")

         LODOP=getLodop();

         var wenben=["文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本","二号文本","三号文本","四号文本","四号文本","四号文本","四号文本","四号文本"];

        LODOP.PRINT_INIT("");//初始化在循环中

        LODOP.SET_PRINT_PAGESIZE(1,500,500,"");

       /*

         SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName);

          参数含义：

    intOrient：打印方向及纸张类型

    值为1---纵向打印，固定纸张；

    值为2---横向打印，固定纸张；

    值为3---纵向打印，宽度固定，高度按打印内容的高度自适应；

    0(或其它)----打印方向由操作者自行选择或按打印机缺省设置。

    intPageWidth：

    纸张宽，单位为0.1mm 譬如该参数值为45，则表示4.5mm,计量精度是0.1mm。

    intPageHeight：

    固定纸张时该参数是纸张高；高度自适应时该参数是纸张底边的空白高，计量单位与纸张宽一样。

    strPageName：

    纸张名，必须intPageWidth等于零时本参数才有效，有如下选择：

    Letter, LetterSmall, Tabloid, Ledger, Legal,Statement, Executive,

    A3, A4, A4Small, A5, B4, B5, Folio, Quarto, qr10X14, qr11X17, Note,

    Env9, Env10, Env11, Env12,Env14, Sheet, DSheet, ESheet

        */

         for (i=0;i<wenben.length;i++)

      {

          console.log(i)

        LODOP.ADD_PRINT_TEXT(10 + i * 5 + "mm","2mm","100mm","5mm",wenben[i]);    //参数（上边距，左边距，内容显示宽度，内容显示高度）

       }

        LODOP.PREVIEW();

    };

</script>

</body>

2.LodopFuncs.js

//==本JS是加载Lodop插件及CLodop服务的综合示例，可直接使用，建议看懂后融进自己页面程序==

var CreatedOKLodopObject, CLodopIsLocal, CLodopJsState;

//==判断是否需要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(以防其中一个被占):==

function loadCLodop() {

    if (CLodopJsState == "loading" || CLodopJsState == "complete") return;

    CLodopJsState = "loading";

    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;

    var JS1 = document.createElement("script");

    var JS2 = document.createElement("script");

    JS1.src = "http://localhost:8000/CLodopfuncs.js?priority=1";

    JS2.src = "http://localhost:18000/CLodopfuncs.js";

    JS1.onload  = JS2.onload  = function()    {CLodopJsState = "complete";}

    JS1.onerror = JS2.onerror = function(evt) {CLodopJsState = "complete";}

    head.insertBefore(JS1, head.firstChild);

    head.insertBefore(JS2, head.firstChild);

    CLodopIsLocal = !!((JS1.src + JS2.src).match(/\/\/localho|\/\/127.0.0./i));

}

if (needCLodop()){loadCLodop();}//加载

//==获取LODOP对象主过程,判断是否安装、需否升级:==

function getLodop(oOBJECT, oEMBED) {

    var strHtmInstall = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop32.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";

    var strHtmUpdate = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop32.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";

    var strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";

    var strHtm64_Update = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop64.exe' 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.exe' 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.exe' 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 && CLodopJsState !== "complete") {

                if (CLodopJsState == "loading") alert("网页还没下载完毕，请稍等一下再操作."); else alert("没有加载CLodop的主js，请先调用loadCLodop过程.");

                return;

            }

            if (!LODOP) {

                document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + document.body.innerHTML;

                return;

            } else {

                if (CLODOP.CVERSION < "4.1.1.5") {

                    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 (!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 (isIE)

                    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)) {

                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.6") {

            if (!needCLodop())

                document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML;

        }

        //===如下空白位置适合调用统一功能(如注册语句、语言选择等):==

        //=======================================================

        return LODOP;

    } catch (err) {

        alert("getLodop出错:" + err);

    }

}

3.CLodop_Setup_for_Win32NT.exe下载地址

　　http://www.lodop.net/download.html

　　下载完成后放在htmll同级目录

Lodop打印小票的更多相关文章

  1. 【转】C#使用ESC指令控制POS打印机打印小票

    .前言 C#打印小票可以与普通打印机一样,调用PrintDocument实现.也可以发送标注你的ESC指令实现.由于 调用PrintDocument类时,无法操作使用串口或TCP/IP接口连接的pos ...

  2. [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

    最近在做Lodop打印功能: 思路是:  用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是:  在打印的JS文件中, 引 ...

  3. C#使用ESC指令控制POS打印机打印小票

    1.前言 C#打印小票可以与普通打印机一样,调用PrintDocument实现.也可以发送标注你的ESC指令实现.由于 调用PrintDocument类时,无法操作使用串口或TCP/IP接口连接的po ...

  4. chrome升级后LODOP打印插件无法使用

    今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用 ...

  5. ActiveXObject Word.Application 打印小票

    javascript 时间格式 Date.prototype.format = function (format) { var o = { "M+": this.getMonth( ...

  6. C# 打印小票 POS

    C# 打印小票 POS 最近在写一个餐饮的收银系统,以前从来没有碰过打印机这玩意.感觉有些无从下手,在前面做报表时,总想找第三方的控件来用用,结果始终不行没搞定.没研究透,催得急没办法还是的动手自己写 ...

  7. LODOP打印控件示例

    一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图 二.写在前面 最近项目用到了LODOP的套打,主要用到两个地方,一是物 ...

  8. LODOP打印当前日期时间的方法

    JS方法直接获取.之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的FOR ...

  9. LODOP打印用JS获取的当前日期

    该文详细一步步解释JS获取当前时间的方法,新手小白也看到懂,最后是实际的获取当前年月份的方法.JS中的Date()对象,包含很多当前系统时间的方法,首先建立一个Date()对象,这里取名为date,然 ...

  10. Lodop打印控件在页面如何使用

    Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件.客户端本地打印角色(即用户访问网站后 用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lo ...

随机推荐

  1. 嵌入式-C语言基础：指针数组（和数组指针区分开来）

    指针数组:一个数组,若其元素均为指针类型的数据,称为指针数组,指针数组存放的是指针类型的数据,也就是指针数组的每个元素都存放一个地址.下面定义一个指针数组: int * p[4];//[]的优先级是比 ...

  2. 我的Python基础（二）

    python包含6种内奸的序列:列表.元组.字符串.Unicode字符串.buffer对象和xrange对象 列表和元组的主要区别在于,列表可以修改,元组则不能. 索引: 使用负数索引时,最后一个元素 ...

  3. xshell调整字体大小

    1. 进入设置 %default%:默认对全部终端生效 如果想对单一终端单独设置,可先进入会话管理,针对单一会话单独调整 2. 点击外观配置,修改字体大小

  4. os模块、sys模块、json模块、json模块实战

    目录 os模块 创建目录(文件夹) 删除目录(文件夹) 列举指定路径下内容名称 删除/重命名文件 获取/切换当前工作目录 动态获取项目根路径(重要) 判断路径是否存在(文件.目录) 路径拼接(重要) ...

  5. float16与float32转换

    // based on https://gist.github.com/martin-kallman/5049614 // float32 // Martin Kallman // // Fast h ...

  6. Linux 使用打印机

    前言 在 deepin 上打印机好使,在我的mint上不好使,简单的查看一下deepin上驱动及软件.安装上就行了. 软件及驱动 ii hpijs-ppds 3.18.12+dfsg0-2 all H ...

  7. python安装dlib库报错

    问题描述 我是debain 系的linux系统没遇到这个问题,在centos系统遇到的 Collecting dlib Downloading http://mirrors.cloud.aliyunc ...

  8. AI绘画提示词创作指南：DALL·E 2、Midjourney和 Stable Diffusion最全大比拼 ⛵

    作者:韩信子@ShowMeAI 深度学习实战系列:https://www.showmeai.tech/tutorials/42 自然语言处理实战系列:https://www.showmeai.tech ...

  9. 《MySQL必知必会》之快速入门存储过程

    使用存储过程 本章介绍什么是存储过程,为什么使用.如何使用,并介绍如何创建和使用存储过程的基本语法 存储过程 在实际应用中,往往需要执行多个表的多条sql语句 存储过程就是为以后的使用而保存的一条或者 ...

  10. LoadRunner11录制脚本

    1.打开LoadRunner11后界面如下: 2.点击"创建/编辑脚本",会打开一个新窗口,如下: 3.这里新建一个web/html格式的测试.点击"文件"-& ...