芥子打印组件

最新推荐文章于 2022-02-28 17:43:01 发布

longxibo

最新推荐文章于 2022-02-28 17:43:01 发布

阅读量258

点赞数

文章标签：打印组件

本文链接：https://blog.csdn.net/longxibo/article/details/88343654

版权

芥子打印组件

解决痛点

解决痛点

1.有时网页有打印的需求，稍微简单的打印，可以调用浏览器打印。但是得处理兼容性问题。
如果开发控件，成本也挺高的，好不容易开发出来，发现只能跟某浏览器绑定，换个浏览器，又不行了。或者就算同一浏览器，换台机就装不上控件，苦逼我们的程序员！那么是否有更好解决方案呢？答案是肯定有的，特地搞一个免费免安装打印组件
2.有时打印pdf文件很大或者一堆pdf文件合并在一块打印，按传统做法一次装入到内存再打印，可能打印机器内存不足，撑爆了！
3.不能跨机器，通过网络打印。例如控件技术，只能在安装控件的机器上打印。
打印机不能共享。
4.还有一些奇葩需求，一个网页不同按钮，使用不同打印机打印。

下载打印组件

下载芥子打印组件

尝试运行

把下载的rar包解压到安装有打印机的电脑某个目录下，然后双击PrintComponent.exe，出现登录界面：
在这里插入图片描述
第一次需要注册一个账号，进入芥子服务网，显示如下界面：

输入邮箱，昵称及密码,。提交即可。邮箱必须真实，否则以后忘记密码，重置密码发邮件失败。假设注册账号如下：

注册完毕，使用注册账号登录，如下图：
在这里插入图片描述
登录成功后，主界面如下：

启动打印服务：

启动时，可能遇到防火墙拦截，点击允许通过，如下图：

启动时，默认使用侦听端口：1819，如果跟现有端口冲突，可以打开解包目录下config.xml,如下图：
在这里插入图片描述
网页调用打印组件：双击解包目录下的testprintcomponent.html，如下图：

如果调用成功，打印组件那边应该出现如下界面：

运行使用说完。

开发说明

运行说完。下面说说代码层面如何使用，打开testprintcomponent.html，如下图：

<!DOCTYPE html>  

    <html>  

    <head>  

    <meta charset="utf-8">  

        <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>  
		<script type="text/javascript" src="printcomponent.js"></script>
    <script>  

    $(document).ready(function(){                
    
    function printCallback( success,message){
		if(success){
		  alert(message);
		}else{
		  alert(message);
		}
	}

    $("#but2").click(function(){  

		var fileArray=new Array();
		 fileArray[0]="/root/pdf/1.pdf";
		 fileArray[1]="/root/pdf/2.pdf";
		// fileArray[2]="/root/pdf/3.pdf";
         
		 printSftpFiles('127.0.0.1',1819,newGuid(),'x.x.x.x',22,'user-name','xxxxxxxxxxxxxxx',fileArray,'FoxitReaderPDFPrinter'
		 ,DMPAPER_A4,DMORIENT_LANDSCAPE,130,printCallback);
		 
 

    });  

    $("#but3").click(function(){  

		var fileArray=new Array();
		 fileArray[0]="http://abcde.com/examples/pdf/QQSpider.pdf";
		 fileArray[1]="http://abcde.com/examples/pdf/www.datatables.pdf";
		// fileArray[2]="/root/pdf/3.pdf";
		 
		 printHttpFiles('127.0.0.1',1819,newGuid(),fileArray,'FoxitReaderPDFPrinter'
		 ,DMPAPER_A4,DMORIENT_LANDSCAPE,130,printCallback); 

    });  
  

      

    });  

    </script>  

    </head>  

    <body>  

      

    <div id="div1"><h2>芥子打印组件打印例子</h2></div>  

    

    <button id="but2">打印sftp pdf</button>  
	<button id="but3">打印http pdf</button>  
      

    </body>  

    </html>

从代码可以看到，页面引入两个js，一个是jquery.js ，一个是printcomponent.js。
jquery.js 这个大家都知道，不说了。不是必要的。关键是printcomponent.js,这个js
包装了调用打印组件，使得开发者调用简单。

例子里面使用两个按钮，分别展示打印sftp 服务器上的pdf、http 服务器上的pdf例子，分别调用printSftpFiles，printHttpFiles。运行时需要把服务器IP，用户名，密码换成实际的，服务器对应目录文件必须存在。
这两个方法，每个参数是什么含义，可以打开printcomponent.js看看，如下图：
在这里插入图片描述

longxibo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
芥子打印组件

打印组件xxxx123xxxx有时网页有打印的需求，稍微简单的打印，可以调用浏览器打印。但是得处理兼容性问题。如果开发控件，成本也挺高的，好不容易开发出来，发现只能跟某浏览器绑定，换个浏览器，又不行了。或者就算同一浏览器，换台机就装不上控件，苦逼我们的程序员！那么是否有更好解决方案呢？答案是肯定有的，特地搞一个免费打印组件13243434：1；b；23...
复制链接

扫一扫