打印

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

admin

管理员

Rank: 9 Rank: 9 Rank: 9

发短消息
加为好友
当前离线

1^# 大中小发表于 2015-8-13 11:14 只看该作者

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

有一些报表软件，可以在后台，动态生成一个pdf文件，比如jasperreport,那么，有没有办法，让用户点击责面上的一个按钮，直接在打印机中打印出来呢？答案是可以，使用jatoolsPrinter,方法如下：

复制内容到剪贴板

代码:

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>

TOP

admin

管理员

Rank: 9 Rank: 9 Rank: 9

发短消息
加为好友
当前离线

2^# 大中小发表于 2015-8-13 11:30 只看该作者

确实方便！，但我机子里有很多打印机，要想指定打印机，不死菜？呵呵，printDocument的第二个参数，可以帮助到你：

复制内容到剪贴板

代码:

function printReport()
{
	var url = getPDFUrl(); // 取得报表输出的pdf地址
	document.getElementById("jatoolsPrinter").printDocument(url,{printer:"pdfFactory"});
}

TOP

admin

管理员

Rank: 9 Rank: 9 Rank: 9

发短消息
加为好友
当前离线

3^# 大中小发表于 2015-8-13 11:49 只看该作者

各个客户，有可能挂不同的打印机，这样把输出打印机写死在代码里，不太好吧？

那改进一下，多一个下拉框，让控件检索出可用打印机，然后，让用户来选择吧：

复制内容到剪贴板

代码:

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;
     }
}

TOP

admin

管理员

Rank: 9 Rank: 9 Rank: 9

发短消息
加为好友
当前离线

4^# 大中小发表于 2015-8-13 12:06 只看该作者

完成效果：

完整代码：

复制内容到剪贴板

代码:

<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>