前端使用C-lodop 实现循环套打小案例

news/2025/3/15 22:34:37/

目录

    • 前言
    • 引入js文件
    • 小案例

前言

lodop是一个很优秀打印插件,具体的大家可以官网了解,先在官网下载插件,安装在本地,并启动,点击官网下载

引入js文件

//==本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例,可直接使用,建议理解后融入自己程序==//用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
var MainJS ="CLodopfuncs.js",URL_WS1   = "ws://localhost:8000/"+MainJS,                //ws用8000/18000URL_WS2   = "ws://localhost:18000/"+MainJS,URL_HTTP1 = "http://localhost:8000/"+MainJS,              //http用8000/18000URL_HTTP2 = "http://localhost:18000/"+MainJS,URL_HTTP3 = "https://localhost.lodop.net:8443/"+MainJS;   //https用8000/8443var 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); elsehead.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过程."); elsealert("网页还没下载完毕,请稍等一下再操作.");return;}var strAlertMessage;if (!LODOP) {if (isLinuxX86)strAlertMessage = strLodop7Install_X86;else if (isLinuxARM)strAlertMessage = strLodop7Install_ARM;elsestrAlertMessage = strCLodopInstallA + (CLodopIsLocal ? strCLodopInstallB : "");document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;return;} else {if (isLinuxX86 && LODOP.CVERSION < "7.0.4.3")strAlertMessage = strLodop7Update_X86;else if (isLinuxARM && LODOP.CVERSION < "7.0.4.3")strAlertMessage = strLodop7Update_ARM;else if (CLODOP.CVERSION < "6.5.7.7")strAlertMessage = strCLodopUpdate;if (strAlertMessage)document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;}} else {//==如果页面有Lodop插件就直接使用,否则新建:==if (oOBJECT || oEMBED) {if (isWinIE)LODOP = oOBJECT;elseLODOP = 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");elseLODOP.setAttribute("type", "application/x-print-lodop");document.documentElement.appendChild(LODOP);CreatedOKLodopObject = LODOP;} elseLODOP = 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);}
}

小案例

<!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="LodopFuncs.js"></script>
</head><body><a href="JavaScript:Preview1()">打印预览</a><script>var LODOP; //声明为全局变量   var P_ID = '',loop = 1,c = 0,t = null;async function Preview1() {LODOP = getLodop();const printData = [1, 2];var count = 2, loop = 1;while (count >= 1) {const resp = await singlePrint(printData[count - 1]);if(resp == 'error') {console.log('超时,未响应,中止打印')break;}loop++;count--;}};function AddPrintContent(printData) {LODOP.ADD_PRINT_TEXT(0, 0, 100, 20, "郭德强" + printData);};function singlePrint(printData) {LODOP.PRINT_INIT('测试1');LODOP.SET_PRINT_MODE("CATCH_PRINT_STATUS", true);LODOP.SET_PRINT_PAGESIZE(1, "200mm", "200mm"); // 设置固定纸张大小, 以及设置打印的顺序AddPrintContent(printData);return new Promise((reslove, reject) => {if (LODOP.CVERSION) {console.log('step1')LODOP.On_Return = function (TaskID, Value) {console.log('当前的P_ID', Value) // 0表示不成功 1表示成功// 产生了JOBP_ID = Value;// 如果正常产生了JOB码, 那么解析来就是去监听对应的打印状态if (P_ID && P_ID != '0') {c = 0;waitFor(reslove)}};LODOP.PRINTA();} else {console.log('step2')console.log(LODOP.PRINTA());}})}//获得该JOB是否已经打印成功function waitFor(reslove) {console.log('exe watifor')c = c + 1;console.log(`正在处理${loop}`)console.log(`正等待(JOB代码是"+${P_ID}+")打印结果:"+${c}+"秒`)t = setTimeout(() => waitFor(reslove), 2000);LODOP.On_Return_Remain = true;LODOP.On_Return = function (TaskID, Value) {console.log(`TaskID ${TaskID},  TaskID1 ${TaskID1}, TaskID2 ${TaskID2}, `)if (TaskID == TaskID1) {if (Value == 1) {clearTimeout(t)console.log(`${TaskID1}打印成功`)c = 0;reslove('success');}} else if (TaskID == TaskID2) {if (Value == 0) {clearTimeout(t)c = 0;console.log(`${TaskID2}打印任务被删除!`)reslove('success');};};};TaskID1 = LODOP.GET_VALUE("PRINT_STATUS_OK", P_ID);TaskID2 = LODOP.GET_VALUE("PRINT_STATUS_EXIST", P_ID);if (c > 15) {clearTimeout(t);c = 0;alert("打印超过15秒没捕获到成功状态!");reslove('error')};}</script>
</body></html>

http://www.ppmy.cn/news/1209002.html

相关文章

<Linux>(极简关键、省时省力)《Linux操作系统原理分析》(2)

《Linux操作系统原理分析》&#xff08;2&#xff09; 2 Linux概述2.1 Linux发展史2.2 Linux与GNC 2.3 Linux性能2.4 Linux 技术特点 2 Linux概述 2.1 Linux发展史 年份事件1991年22岁的荷兰大学生 Linus B.Torvalds 在 PC 机上开发出简单的操作系统内核程序。1994 年 3 月Li…

使用CMake引入第三方so库及头文件并调用头文件声明的函数

首先,要调用别人的so库和头文件,我们自己项目中需要有NDK。 因为只有C++代码才能直接调用C++代码,也就是头文件和so库的函数。 其次,就是要想办法把头文件,so库和项目中的NDK关联起来,然后作为一个整体,生成一个jni,供Java层调用。 最后,二者的关联是通过CMake完成的…

LeetCode(1)合并两个有序数组【数组/字符串】【简单】

目录 1.题目2.答案3.提交结果截图 链接&#xff1a; 88. 合并两个有序数组 1.题目 给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2&#xff0c;另有两个整数 m 和 n &#xff0c;分别表示 nums1 和 nums2 中的元素数目。 请你 合并 nums2 到 nums1 中&#xff0c;使合…

阿里云 :推出通义大模型编码助手产品【通义灵码】

本心、输入输出、结果 文章目录 阿里云 &#xff1a;推出通义大模型编码助手产品【通义灵码】前言通义灵码简介主要功能主要功能点 支持的语言和 IDEjetbrains IDEA 安装计费相关弘扬爱国精神 阿里云 &#xff1a;推出通义大模型编码助手产品【通义灵码】 编辑&#xff1a;简简…

Git学习常用命令二

新建git 仓库: git init 关联远程仓库 git remote add < name > < git-repo-url> 关联多个远程仓库 git remote add < name > <another- git - repo - url> 忘记关联 git remote -v 后面加 origin https://www.XXXXXX.com fetch push 远程仓库克隆到本…

Python语法基础(字符串 列表 元组 字典)

目录 字符串(str)字符串的创建特殊情况字符串的转义字符字符串的运算符字符串常用方法求字符串长度去掉多余空格是否包含某子串分割字符串合并字符串替换字符串统计统计字符串出现的次数 练习&#xff1a;判断字符串是否为回文串 列表(list)列表的创建列表常用方法遍历列表列表…

震裕科技-300953 三季报分析(20231108)

震裕科技-300953 基本情况 公司名称&#xff1a;宁波震裕科技股份有限公司 A股简称&#xff1a;震裕科技 成立日期&#xff1a;1994-10-18 上市日期&#xff1a;2021-03-18 所属行业&#xff1a;专用设备制造业 周期性&#xff1a;0 主营业务&#xff1a;精密级进冲压模具及下游…

海康工业相机如何提高相机帧率

影响帧率的因素 相机参数 帧率限制使能 像素格式 曝光时间 数据包大小&#xff08;网口&#xff09; 相机默认参数 ADC位深 系统环境设置