如何跳过浏览器的PDF预览直接打印

小宝二号

已于 2022-01-20 11:05:52 修改

阅读量3.9k

点赞数

分类专栏： PHP 打印机直接打印文章标签： javascript php

于 2022-01-19 16:26:11 首次发布

本文链接：https://blog.csdn.net/Black_phoenix/article/details/122583903

版权

PHP 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

打印机直接打印

1 篇文章 0 订阅

订阅专栏

总结一下如何跳过浏览器的PDF预览直接打印

首先

需要准备一个应用 : WebApp Hardware Bridge ; 下载地址是: https://github.com/imTigger/webapp-hardware-bridge/releases 具体下载那一个呢就看自己的需求了我下载的是 whb-0.13.0.exe 版本, 下载好之后一波无脑安装就好.安装好之后,进入下一个环节.

其次

来到这个地址https://github.com/imTigger/webapp-hardware-bridge你可以通过git下载也可以下载压缩包解压, 之后你会看到这样的目录

在这里插入图片描述

, 然后点击 demo文件夹,选择websocket-pruinter.js文件,将这个文件放在你项目的js文件夹中,并在你需要跳过打印预览的页面引入这个js文件,然后使用你的编辑器打开printer-advanced.htm这个文件,你会在下面看到一系列的script就是这些:

		<script>
    var printService = new WebSocketPrinter({
        onConnect: function () {
            $('#status').val('Connected');
        },
        onDisconnect: function () {
            $('#status').val('Disconnected');
        },
        onUpdate: function (message) {
            $('#status').val(message);
        },
    });

    function printPDF() {
        // console.log(111);
        printService.submit({
            'type': 'INVOICE',
            'url': $('#url').val()
        });
    }

    function printPDFWithId() {
        printService.submit({
            'type': 'INVOICE',
            'id': new Date().getTime(),
            'url': $('#url').val()
        });
    }

    function printPDFWithQty() {
        printService.submit({
            'type': 'INVOICE',
            'qty': $('#qty').val(),
            'url': $('#url').val()
        });
    }


    function printPDFWithFallback() {
        if (printService.isConnected()) {
            printPDF();
        } else {
            alert('WebApp Hardware Bridge not running');
            window.open($('#url').val());
        }
    }
</script>

我需要的只有var printService = new WebSocketPrinter()和printPDF()以及printPDFWithFallback()为了方便我直接整合了后面的两个方法

**关于具体的代码我是这样子写的**

		//CONFIG_PRINTSERVICE_ADRESSE是当前打印机的地址 default = 127.0.0.1:12212
		CONFIG_PRINTSERVICE_ADRESSE = <?php echo urldecode($_GET['configprintservice']);?>
		printService = null;
		if (typeof jQuery !== 'undefind'){
			if (parseInt(str_replace('.','',jQuery.fn.jquery)) >= 331) {
				printService = new WebStocketPrinter({
					url = "ws://" + CONFIG_PRINTSERVICE_ADRESSE +"/printer",
					onConnect: function () {
					// 这里的信息 你可以根据自己或者客户的需要来打印自定义的消息
						console.log('WebApp Hardware Birdge connected!!');
					},
					onDisconnect: function () {
						// 这里的信息 你可以根据自己或者客户的需要来打印自定义的消息
						console.log('WebApp Hardware Birdge disconnected! ')
					},
					onUpdate: funciton (message) {
						console.log(message)
					}
				})
			}
		}
    function WebAppAutoPrint(url,redirsectto){
      if (printService && printService.isConnected()) {
        printService.submit({
        	// 这里的type内容需要和你下载的应用里的print type(文章末尾有图片) 相同就可以 注意:  区分大小写
          'type': 'INVOICE',
          'url': window.location.protocol+'//'+window.location.hostname+':'+window.location.port+WebAppRewriteUrl(url)
        });
        alert('print ok! ('+WebAppRewriteUrl(url).replace('/pdf/','')+')');
        if (redirsectto) {
	        window.location.href=redirsectto;
        }
      } else {
        TINY86.box.show('<iframe src='+  url +'  width='+ CONFIG_TINY_WIDTH +' height='+ CONFIG_TINY_HEIGHT +' style=border:0></iframe>',0,0,0,1);
        if (redirsectto) {
        	if (document.getElementById('close_tinybox2')) document.getElementById('close_tinybox2').setAttribute('onclick',"window.location.href='"+redirsectto+"'")
        }
      }
    }
    
    funciton WebAppRewriteUrl(url){
    	var new_url = '';
          new_url = url.replace('/print/','/pdf/') ;
          new_url = new_url.replace('.php?','-');
          new_url = new_url.replace('id=(\d+)&qte=(\d+)','-$1-$2');
          new_url = new_url.replace('id=','');
          new_url = new_url.replace('&qte=','-');
          new_url += '.pdf';

          return new_url;
    }