Lodop插件与前端html实现打印

因为公司业务需求，需要通过对接快递100发货面单接口返回面单html ，然后在打印出快递面单。

大概流程是，先获取到快递100API接口返回的数据 , 咱需要的字段是一个html字符串，所以直接返回前端，前端把这个字段返回给Lodop插件的JS方法，然后实现打印效果。

前期准备

Lodop 官网下载的Lodop安装包

里面包含安装程序与前端 JS。

1. js文件存放在项目设置的包内，一般是resoures - static包下。

2.在前端需要打印的页面引入此js ，并调用js中的方法

//这个是自己项目中文件路径
<script src="/js/LodopFuncs/LodopFuncs.js" type="text/javascript"></script><script th:inline="javascript">// 业务方法(可以是ajax) ， 然后直接调用 CreateOneFormPage方法打印即可//xxxx//xxxxxx// CreateOneFormPage(xxx);function CreateOneFormPage(result) {let LODOP = getLodop(); //调用getLodop获取LODOP对象return new Promise(function (resolve) {setTimeout(() => {LODOP.PRINT_INIT("");LODOP.ADD_PRINT_HTM(0,0,"100%","100%",result);// LODOP.ADD_PRINT_HTML(0, 0, "100%", "100%", result);LODOP.SET_PRINT_PAGESIZE(1, 2000, 2000, "");// LODOP.PREVIEW();LODOP.PRINT();}, 1000);});}
</script>

里面具体的没有详细描述，官网都有每个方法字段的介绍。

Lodop插件与前端html实现打印相关推荐

前端使用lodop插件进行打印设置
先前梳理了后台打印导出参考:https://www.cnblogs.com/yyk1226/p/9856032.html,但是没有显示出来打印预览页面. 本章使用Lodop插件进行打印设置,实现打印机 ...
前端JS 云打印 LODOP实践
文章目录前言一.Lodop是什么? 二.如何使用Lodop 1.下载打印插件 2.配置打印机 3.html中植入打印控件 4.调用Lodop对应的JS相关方法接口实现打印功能三.Lodop主要方 ...
分享一下各种格式票据的打印和使用Lodop插件遇到的问题
关于打印各式票据和lodop插件的使用,从未做过到熟练使用还记得那年春夏,初识java,才有了这后面的美丽邂逅.刚拿到打印各式票据的任务有点小慌啊,第一次接触打印,并且项目刚换了新插件lodop,手 ...
vue使用lodop.js实现前端标签打印
最近做项目, 需要使用到类似顺丰标签的那种标签打印, 需实现单打和批量打印,由于打印的功能是给到国外的同事使用,纸张大小为4*6, 有点特殊,国外打印机和国内的也不一样, 所以调试的时候也是花费了挺多 ...
VUE 集成 LODOP插件打印
VUE 集成LODOP插件打印 VUE 集成LODOP插件打印 Lodop.C-Lodop使用说明及样例 VUE简单使用lodop 1.创建LodopFuncs.js文件 2.在打印功能vue页面引入 ...
IE8下LODOP插件打印条码（斑马打印）
先学习安装lodop,该博客 http://bbs.learnfuture.com/topic/290 写明了,或者去lodop官网下载,也带有安装文档头部插入引用,引用你在本地插入的LodopFu ...
前端实现自动打印批量打印
欢迎关注微信公众号:[ 全栈攻略 ] 众所周知,前端打印的API只有window.print(),而我们要实现自动打印和批量打印,甚至连获取本地电脑的打印机有哪些都无法获取到.难道,前端对此真的无能为 ...
JS前端调用TSC打印二维码、条码
公司让用js调用TSC打印二维码,本人已调试成功,希望大家有所帮助! ActiveX下载地址:ActiveX下载地址! 实现代码:JS前端调用TSC打印二维码实现代码 <HTML> < ...
vue项目中如何利用lodop控件实现多页打印
针对windows环境下的vue项目中如何利用lodop控件实现打印的功能,不支持mac环境下载安装首先去lodop官网下载中心下载相关的包,完成安装重点关注前四个文件,安装第一个文件,在第二个 ...

Lodop插件与前端html实现打印

1. js文件存放在项目设置的包内，一般是resoures - static包下。

2.在前端需要打印的页面引入此js ，并调用js中的方法

Lodop插件与前端html实现打印相关推荐

最新文章

热门文章

Lodop插件与前端html实现打印

1. js文件存放在项目设置的包内， 一般是resoures - static包下 。

2.在前端需要打印的页面引入此js ， 并调用js中的方法

Lodop插件与前端html实现打印相关推荐

最新文章

热门文章

1. js文件存放在项目设置的包内，一般是resoures - static包下。

2.在前端需要打印的页面引入此js ，并调用js中的方法