c-lodop使用

【原创,解决CLodop安装后无法调用的问题】已经安装过CLodop,但是网页上仍然提示“clodop云打印服务(localhost本地)未安装启动,点击这里执行安装....” 在某些国内web网站中,需要安装一个名为“CLodop”的插件;但在实际使用过程中,即使安装了CLodop插件,网页试图调用它时还是会提示“clodop云打印服务(localhost本地)未安装启动,点击这里执行安装...”,且无法完成相关打印任务 本文属原创博客,分析了解决CLodop无法被调用的问题,并附上了原理和解决方法,本质上是和跨域请求以及CORS类安全组策略相关 阅读详情

下好插件在jsp页面引入

<script type="text/javascript" src="static/js/LodopFuncs.js"></script>

controll流处理图片:

/**
 * logo图片
 * @param page
 * @return
 * @throws Exception
 */
@RequestMapping(value = "/logo")
@ResponseBody
public PageData logo(Page page,HttpServletRequest request) throws Exception {
ModelAndView mv = this.getModelAndView();
PageData pd = new PageData();
String path   =   request.getSession().getServletContext().getRealPath("/")+"yemei.jpg";
BufferedInputStream in = new BufferedInputStream(new FileInputStream(path));
ByteArrayOutputStream outStream = new ByteArrayOutputStream();    
try {
        byte[] buffer = new byte[1024];    
        int len = 0;    
        while( (len=in.read(buffer)) != -1 ){    
            outStream.write(buffer, 0, len);    
        }    
        pd.put("jpg", outStream.toByteArray());
mv.addObject("pd", pd);
} catch (Exception e) {
logger.error(e.toString(), e);
}finally{
if(in!=null){
in.close();
}
if(outStream!=null){
outStream.close();
}
}
return pd;
}

插入图片(ajax流获取图片)

jsp:

var yemei = "data:image/jpg;base64,";
$.ajax({
url : 'fcht/logo.do',
datatype : 'json',
type : 'POST',
async : false,
success : function(result) {
var obj = eval(result);
yemei = yemei+obj.jpg;

}

});


    function ddedxyhtPrint(way){
    ddedxyhtMessage();
    //LODOP.PRINT_DESIGN(); //打印设计
    if(way == '0'){
    LODOP.PREVIEW();//打印预览
    }else{
    LODOP.PRINT(); //直接打印
    }

    }

用html的方式设计模板

 function ddedxyhtMessage() {
      LODOP=getLodop(); 
         LODOP.SET_PRINT_PAGESIZE(2,0,0,"A4");
  LODOP.PRINT_INITA("0mm","0mm","210mm","2970mm","最高额股权质押合同");
  LODOP.ADD_PRINT_IMAGE("10.84mm","20mm","35.19mm","15.88mm",yemei);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  var bq = "</td></tr><tr><td colspan='2'>";//普通标签
  var bqc = "</td></tr><tr><td colspan='2' align='center'>";//居中标签
  var kg = "&nbsp;&nbsp;&nbsp;&nbsp;";//前面空格
  var htmlnr = "";
  htmlnr = htmlnr+"<style> table,td,th {line-height:36px;font-size:14px;font-family: '宋体';border: 0px solid black;border-style: solid;border-collapse: collapse}tr{height: 36px;}</style>";
  htmlnr = htmlnr+"<table align='center' border='0' width='100%'> ";
  htmlnr = htmlnr+"<tr> ";
  htmlnr = htmlnr+"  <td colspan='2'  align='center'> ";
  htmlnr = htmlnr+"<span style='font-size:28px;font-family: '宋体';><strong></br></br>最高额股权质押合同</strong></span> ";
  htmlnr = htmlnr+kg+""+bq;
  htmlnr = htmlnr+kg+"签约日期:<u>*#@$%^</u>年<u>*#@$%^</u>月<u>*#@$%^</u>日"+bq;
  htmlnr = htmlnr+kg+"签署地点:济南市高新万达广场C区北侧商业街101号、102号"+bq;
  htmlnr = htmlnr+kg+""+bq;
  htmlnr = htmlnr+"</table>";
  LODOP.ADD_PRINT_TABLE("26mm","20mm","160mm","255mm",htmlnr);//设置打印表格大小,放入html
  LODOP.ADD_PRINT_TEXT("280.38mm","25mm","26.46mm","6.61mm","");
  LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",2);
  LODOP.SET_PRINT_STYLEA(0,"Horient",2);
  LODOP.ADD_PRINT_LINE(91,80,90,689,0,1);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  LODOP.SET_PRINT_STYLEA(0,"Horient",2);
  LODOP.ADD_PRINT_TEXT(77,417,294,20,"合同编号:  (201x)年鲁信典当质字第0xx号");
  LODOP.SET_PRINT_STYLEA(0,"PageIndex","first");//设置在多少页显示此条信息
  LODOP.ADD_PRINT_TEXT(77,192,96,20,"股权质押合同");
  LODOP.SET_PRINT_STYLEA(0,"PageIndex","2");
  LODOP.ADD_PRINT_TEXT(76,526,168,20,"山东省鲁信典当有限责任公司");
  LODOP.SET_PRINT_STYLEA(0,"PageIndex","2");
  LODOP.ADD_PRINT_TEXT(77,192,96,20,"股权质押合同");
  }

vue 通过 Lodop/C-Lodop 打印 pdf、小票、条码、html内容 Lodop/C-Lodop 是一款 web 端打印控件,需在官网购买序列号安装使用。可打印 pdf 文档、条码、表格、html 等Lodop官网:// 引入 LodopFuncs.js 中的 getLodop 方法data() {return {},// 初始化 LODOPif (!}, 1000)},methods: {// 打印小票(包含条形码)// 判断是否有可用打印插件return// 初始化语句this.LODOP.PRINT_INIT('打印任务名,比如住院号') 阅读详情

相关推荐

[亲测]vue使用C-lodop打印总结

按照我步骤走不迷路 1.先来到官方网站 下图中的1点击下载,下载后安装,傻瓜式安装方式就不再阐述了 下图中的2点击下载,下载后大概的看一下(内容不是很重要但是还是需要看的) 2.找到你安装好的C-lodop,将其启动 如下图 3.访问本地的教程,这里默认你的8000端口之前没有被占用,即使被占用那就访问18000端口,若仔细看文档的都知道,访问成功如下图仔细琢磨以下内容,他给的代码是js的,不...

Armymans的博客 2万+

C-Lodop使用说明

C-Lodop使用说明

hahahappp的博客 5402

第十八篇 难点突破之-VUE中使用 C-LODOP 实现模板的套打

前言: 目前模板套打的工具不多,个人参与的项目恰好需要使用到模板套打功能,于是查了一下最后选择了 C-LODOP 。其常见的功能都覆盖到了,尤其用户本地直接接打印机打印是免费的。 套打:简单的理解就是,纸上的网格线、表头等信息都有了,现在要做的就是将内容动态填充上去。如:快递单、银行小票等。 先看下大致效果: 1.未检测到 c-lodop 服务,进行提示 2. 打印预览页面(蓝色字体是动态打上去的,表格绿色字体等是图片背景) 下面来说下大致的实现步骤,以及遇到的一些难点: 1.先下载安装

Yzt_199626的博客 9230

vue使用Clodop插件打印

一、前往lodop官网,下载插件,http://www.lodop.net/index.html这里下载的window64位的,将插件安装好,运行,会看到点击‘去了解C-Lodop>>’,会跳转至使用说明页面,在这个页面里,可以打印测试页面,以验证插件正常连接打印机。

帆酱的博客 8768

使用Vue.js和C-Lodop实现预览和打印PDF的前端开发

现在,你可以运行你的Vue.js项目,并在浏览器中查看结果。你将看到一个包含标题为"使用Vue.js和C-Lodop实现预览和打印PDF的前端开发"的页面。当你点击打印按钮时,C-Lodop库将调用打印功能,将预览的PDF文件打印出来。通过这种方法,你可以方便地在Vue.js项目中实现对PDF文件的预览和打印功能。需要注意的是,为了使上述代码能够正常工作,你需要确保C-Lodop库的文件路径正确,并且在运行项目之前将其正确地复制到项目中。标签放在该组件的模板中,我们实现了PDF的预览和打印功能。

CflfEditor的博客 1767

DataGrip 2023.3 Windows版激活保姆级教程:从下载脚本到输入激活码,一次搞定

本文提供DataGrip 2023.3 Windows版的完整安装与授权指南,从环境准备到数据库连接管理,再到高效开发技巧与高级功能扩展,帮助开发者快速掌握这一专业数据库管理工具。内容涵盖安装步骤、初始配置、常见问题解决及性能调优技巧,适合数据库开发新手和专业人士。

weixin_30275415的博客 645

C-Lodop (Print)前端自定义打印控件

C-Lodop

cf 3590

Ubuntu16.04下禁用scp、sftp和winscp

在上一篇博文《Ubuntu16.04 搭建FTP服务器,设置用户权限为只许上传、禁止下载和删除》中,我讲述了Ubuntu16.04下配置FTP,并且设定用户权限为只能上传数据,禁止下载和删除数据。这算在FTP层面封堵了服务器数据泄露的途径。 但是,Ubuntu系统的scp和sftp还是起作用的,理论上只要能用本地机器ping通服务器,就可以用scp和sftp下载数据,这还是存在数据泄露可能的,所...

HPC&Geophysics攻城狮 5737

C-LODOP打印插件使用

事例为vue中使用 安装 安装c-lodop插件CLodop_Setup_for_Win32NT.exe 和 打印机对应驱动 下载引入CLodopfuncs.js至目录 下载地址 编写LodopFuncs.js用于加载clodop, 用于打印前判断c-lodop是否安装和加载 注意: 依赖 CLodopfuncs.js,CLodop_Setup_for_Win32NT.exe 注意下面代码中的引入路径, 具体按照实际情况修改 var CLodopJsState; //====加载C-Lodop的过程(用s

GoldenLegs的博客 9907

Windows10开机无限蓝屏(SrtTrail.txt)

这个问题已经有很多的大佬发过解决办法了,这里仅仅作为自己日后方便查找所写文章 无法开机——自动修复失败,报SrtTrail.txt文件错误,且陷入无限蓝屏的循环 事故 故事的起因是这样的: 开开心心的组装电脑,花了几天时间来配置,然后发现USB3.0的接口太少,于是在某宝上搞到一张pcie转7口USB3.0的转接卡,往电脑上一插 插电,开机,电流轻松跑上去 然后,它和原来的磁盘阵列卡冲突,跳过阵列卡自检直接进入系统,boom,就导致了这场悲剧 解决方法 在蓝屏的界面找到:疑难解答->通过命令提示符 使

Holo__的博客 3万+

【Matlab】飞行器气动弹性仿真与分析

气动弹性是飞行器设计领域的核心交叉学科,融合了空气动力学、结构动力学和控制理论,主要研究飞行器结构在气动力作用下的弹性变形、振动响应及相互耦合规律,直接影响飞行器的飞行稳定性、操纵性和结构安全性。随着飞行器向高速度、高机动性、轻量化方向发展,气动弹性问题愈发突出,如颤振、发散、嗡鸣等现象,严重时会导致飞行器结构破坏甚至飞行事故,因此气动弹性仿真与分析已成为飞行器设计、验证和优化的关键环节。当前,飞行器气动弹性仿真面临诸多技术挑战:气动力与结构变形的强耦合特性难以精准描述,易出现仿真误差;

unber的博客 236

如何判断使用的是Lodop还是C-Lodop

Lodop和C-Lodop混合部署的时候,LodopFuncs.js里面有自动判断当前浏览器使用什么,支持np插件的就会使用Lodop,不支持插件方式的会使用C-Lodop,可以通过预览窗口左上角图标简单的识别出当前使用的是哪种方式。 1.弹出的窗口。弹出窗口左上角是小打印图标,使用的是C-Lodop;弹出窗口左上角是浏览器图标,使用的是Lodop; 2.用CVERSION属性判断是否云打印。...

weixin_30482383的博客 665

uniapp [全端兼容] - 实现上传本地视频到后端服务器及在线预览播放视频+移除视频+进度条上传,将已选视频上传服务端并可预览视频和删除功能,上传单个或多个视频文件及大文件(H5、小程序、app)

uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uniapp+uview上传视频并预览,UNI-APP视频上传组件,实现视频文件上传视频回显,上传视频并预览、上传多个视频,实现上传视频功能+预览,上传显示视频功能,上传视频预览移除,批量上传视频,上传超大视频文件,视频上传并预览效果,uniapp上传视频,使用uview上传视频及预览,上传视频和删除视频功能,视频流上传播放功能,上传视频到后端,视频上传与实时预览功能,upload上传组件,视频播放器

🏆 前端领域优质创作者 1万+

C-Lodop使用及常见错误排查

c-lodop算是国内前端较为常用的一款打印控件,官方也在持续维护.特此记录使用方案和日常出现的问题. 控件信息 C-Lodop 4.141(32位) 项目框架 vue-cli 3 安装 建议在官网直接下载最新稳定版32位安装包(兼容64位),以管理员身份安装.默认端口如下: 引入 思路:以动态插入<script>标签的形式引入本地js, initLodop(){ let lodopJs = document.createElement("script".

1万+

【项目解析】2KW 230V 数字逆变器控制系统(二)

【项目解析】 2KW 230V 数字逆变器控制系统(一) 项目的 交流输出电压 并不是单纯一个电压环就能控制好的,而是典型的 双环控制架构:最终占空比控制量会经过计算: 然后写入 单片机 TMM 定时器的比较寄存器 (TMGRA0/TMGRD0/TMGRC1), → 定时器输出互补 PWM, → 驱动 IGBT 全桥, → 经过 LC 滤波形成 230 VAC / 50Hz 的正弦电压。总结交流电压是双环控制的结果:目标/作用:把输出 RMS 电压稳到目标(例如 230 VAC);在母线波动与负载变化下

Naiva的博客 1299

【Mode Management】AUTOSAR架构下RH850-F1KM芯片深度休眠配置实践

AUTOSAR架构下RH850-F1KM芯片深度休眠配置实践

qq_36056498的博客 1091

关于使用C-Lodop的一点经验

lodop

qq_41303622的博客 5768

第五章 TTM 后备管理:5.11 迁移的执行

本文讨论 TTM 框架中缓冲区对象(BO)数据搬运的完整流程,涵盖搬运入口 ttm_bo_handle_move_mem() 的执行步骤、驱动 move 回调的约定、同步辅助函数的使用、多跳迁移机制及异步流水化搬运的处理。重点说明了中转位置的引入原因与执行逻辑,以及通过 ghost 对象和 fence 机制解决异步搬运中的资源释放与访问一致性问题,确保数据安全迁移的同时支持 GPU 异步操作。

图形/计算GPU的驱动与虚拟化技术分享园地 1716

[转] Lodop、C-Lodop使用说明及样例

本文转自:http://www.lodop.net/LodopDemo.html Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现 复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下:   ...

weixin_34324081的博客 1444

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

vue 使用c-lodop插件实现循环同一页预览

1.将LodopFuncs.js复制到项目中。2. 打印页面引入LodopFuncs.js。前提:前往lodop官网,下载插件,

Chihirozy的博客 739

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

如何使用C-Lodop保存PDF格式文件

解决C-Lodop如何另存为PDF文件 另存为WPS PDF报错Error:Paper(W:0 H:0)

weixin_51211535的博客 5776

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

支持大小写敏感C语言,C-Lodop对大小写敏感 不要使用大小混写

C-Lodop是对大小写敏感的,而以前的Lodop控件,对于大小混写有可能可以用,而目前由于高版本的火狐谷歌不再支持np插件,为了兼容所有浏览器,就要使用c-lodop,或像Lodop官网的样例一样,混合部署。如果发生问题,可排查一下是否是写法问题,调试下JS,纠正写法。例如,如下这段代码,把把SET_PRINT_PAGESIZE写成SET_PRINT_pagesize,在使用lodop的情况下,...

weixin_30040925的博客 530

C-Lodop打印控件通过https协议访问时设置及使用参考

通过https访问的网站C-Lodop打印控件无法使用问题处理: 1、前端改造LodopFuncs.js代码 //改造后的代码 if (needCLodop()) { var protocol = window.location.protocol;//http、https var src1,src2; if(protocol == 'https:'){ ...

onlylele的博客 9971

vue 使用c-lodop插件实现循环打印 调整打印样式

vue 使用c-lodop插件实现循环打印 可调整打印样式

sinat_41273766的博客 1834

C-Lodop 在域名下使用跨域问题

CLodop 打印跨域问题

智造编程 3188
上一篇: Word字体的字号与像素对应关系
下一篇: 导出excel
庆涛1992
博客等级 码龄9年 37粉丝 19原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值