java+js实现静默打印功能

最近接到一个需求，要求实现自动打印功能，一般网页打印pdf需要借助浏览器的pdf组件，而且还要弹出打印窗口，再点击打印才能实现。

那么如何实现自动打印了，从点击3次缩减到点击一次？

一.实现思路：

        1.读取本地打印机服务

        2. 服务端打印肯定不行需要一个客户端

        3.应用程序需要和我本地打印服务通信，发送不同的打印指令

       本想自己用Python写一个打印控件的，但是时间来不及啊。。

二.采用技术知识

     (以自动打印pdf为例)

1. java文件流
2. javascripte
3. pdfjs                       
4. Lodop打印控件       http://www.lodop.net/

三.技术细节

1.  关于lodop预览打印是开源免费，但是静默打印是需要收费的，直接使用静默打印会在打印纸张最下面出现水印，我们只需要将打印机纸张大小就可以将水印打印在无效位置，这样在打印的结果上就不会出现水印了
2. pdfjs使用版本不能太高，我这里使用  1.4.137

四.上代码

一.后端核心方法主要是将pdf文件转成base64编码

 public static String encodeBase64File(File file) throws Exception {
        FileInputStream inputFile = new FileInputStream(file);
        byte[] buffer = new byte[(int)file.length()];
        inputFile.read(buffer);
        inputFile.close();
        return new BASE64Encoder().encode(buffer);
    }

二.前端核心代码

1.在html文件body需要插入

<canvas id="thepdfcanvas2" style="display:none;"></canvas>

2. 需要在html页面引入lodop打印js,pdfjs

<script type="text/javascript" src="../static/js/print/LodopFuncs.js"></script>
<script type="text/javascript" src="../static/js/pdfjs-dist/build/pdf.js"></script>
<script type="text/javascript">
var LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
</script>

  

  3.发送ajax请求向后端返回pdf文件流,通过pdfjs绘制pdf成图片可以进行属性调节，进而调用print静默打印

function printOneURL(pdfUrl,preview){
    var params = {"path": pdfUrl};
    $.sendDefaultAjax(jsPPath + "/printModel/print.do", params,function (data) {
        if (data.code === 0) {
            var  pdfData = atob(data.msg);
            PDFJS.workerSrc =
                '../static/js/pdfjs-dist/build/pdf.worker.js';
            //从pdf文件对象逐页获取page，并调用toImageAndPrint函数打印内容
            PDFJS.getDocument({data: pdfData}).then(function getPdfHelloWorld(pdf) {
                //此适用pdf只有一个page情况
                pdf.getPage(1).then(function getPageHelloWorld(page) {
                    //scale调节生成的画布图片大小，与清晰度有关，需要调整。
                    var scale = 5.5;
                    var viewport = page.getViewport(scale);
                    //将生成的page对象加载到canvas中
                    var canvas = document.getElementById('thepdfcanvas2');
                    var context = canvas.getContext('2d');
                    canvas.height = viewport.height;
                    canvas.width = viewport.width;

                    var renderContext = {
                        canvasContext: context,
                        viewport: viewport
                    };
                    //此处开始画画布
                    page.render(renderContext).promise.then(function(){
                        //回调函数，此处画布已加载完，调用后续的打印或预览函数
                        simplePrint(preview); //直接打印
                    });
                });
            });
        }else {
            layer.msg(data.msg, {icon: 2});
        }
    });

};


//preview为true就是预览打印，默认是直接打印

function simplePrint(preview) {
    var canvasEle = document.getElementById("thepdfcanvas2");
    var dataURL = canvasEle.toDataURL();
    LODOP.PRINT_INIT();
    LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A6");
    LODOP.SET_PRINT_STYLE("Stretch", 2);
    LODOP.ADD_PRINT_IMAGE("0mm", "0mm", "RightMargin:0mm", "BottomMargin:0mm", dataURL);
    if (preview) {
        LODOP.PREVIEW();
    } else {
        LODOP.PRINT();
    }
}