杰表技术论坛 's Archiver

admin 发表于 2015-8-13 11:14

怎么在web页面中,打印一个pdf文件?

有一些报表软件,可以在后台,动态生成一个pdf文件,比如jasperreport,那么,有没有办法,让用户点击责面上的一个按钮,直接在打印机中打印出来呢?答案是可以,使用jatoolsPrinter,方法如下:[code]function printReport()
{
        var url = getPDFUrl(); // 取得报表输出的pdf地址
        document.getElementById("jatoolsPrinter").printDocument(url);

}

function getPDFUrl()
{
   return "a.pdf"  // 给出pdf地址,可以是一个静态pdf文件,也可以动态生成的一个pdf
}

<input type="button" value="打印报表" onClick="printReport()">
<!-- 插入打印控件 -->
<object id="ojatoolsPrinter" codebase="jatoolsPrinter.cab#version=5,4,0,0"
        classid="clsid:B43D3361-D075-4BE2-87FE-057188254255" width="0" height="0">
</object>[/code]

admin 发表于 2015-8-13 11:30

确实方便!,但我机子里有很多打印机,要想指定打印机,不死菜? 呵呵,printDocument的第二个参数,可以帮助到你:[code]function printReport()
{
        var url = getPDFUrl(); // 取得报表输出的pdf地址
        document.getElementById("jatoolsPrinter").printDocument(url,{printer:"pdfFactory"});
}[/code]

admin 发表于 2015-8-13 11:49

各个客户,有可能挂不同的打印机,这样把输出打印机写死在代码里,不太好吧?:( 那改进一下,多一个下拉框,让控件检索出可用打印机,然后,让用户来选择吧:[code]function getAvailablePrinters()
{
     var jatoolsPrinter = getJatoolsPrinter();
         var printer_list = document.getElementById('printer_list');
     var printers = jatoolsPrinter.getPrinters();   // 打印机列表是一个字符串数组
     if(printers)
     {
         for (i=0;i< printers.length;i++)
             printer_list.options[i+1]=new Option(printers[i],printers[i]);
            
         printer_list.options[0].selected = true;
     }
}[/code]

admin 发表于 2015-8-13 12:06

完成效果:[attach]768[/attach]

完整代码:
[code]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function printReport() {
        var printer = document.getElementById('printer_list').value;
        var url = getPDFUrl();
        document.getElementById("jatoolsPrinter").printDocument(url, {
                                printer : printer
                        });
}
function getPDFUrl() {
        return "a.pdf" // 给出pdf地址,可以是一个静态pdf文件,也可以动态生成的一个pdf
}
function getAvailablePrinters() {
        var printer_list = document.getElementById('printer_list');
        var printers = document.getElementById("jatoolsPrinter").getPrinters(); // 打印机列表是一个字符串数组
        if (printers) {
                for (i = 0; i < printers.length; i++)
                        printer_list.options[i + 1] = new Option(printers[i], printers[i]);
                printer_list.options[0].selected = true;
        }
}
</script>
</head>
<body onload='getAvailablePrinters()' style='padding:30px;'>
<select id="printer_list">
    <option>--默认--</option>
</select>
<input type="button" value="打印pdf报表" onClick="printReport()">
<object id="jatoolsPrinter" codebase="jatoolsPrinter.cab#version=5,4,0,0"
        classid="clsid:B43D3361-D075-4BE2-87FE-057188254255" width="0" height="0">
</object>
</body>
</html>
[/code]

xue_0521 发表于 2016-2-5 13:44

谢谢

:handshake :handshake :handshake

xue_0521 发表于 2016-2-5 13:57

document.getElementById("jatoolsPrinter").getPrinters()  提示对象不支持该属性或方法

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.