我有一个与按钮相关的pdf.当我点击按钮我想要打印pdf.这是我的按钮编码方式:
<input type="submit" class="btn-red" value="Print"
name="Submit" id="printbtn"
onclick="printPDF('http://www.irs.gov/pub/irs-pdf/fw4.pdf')" />
现在我的打印功能如下:
function printPDF(pdfUrl)
{
if ((navigator.appName == 'Microsoft Internet Explorer') )
window.print(pdfUrl,"_self");
else
{
var w = window.open(pdfUrl,"_self");
w.print();
w.close();
}
}
问题是,它在IE和Fire fox中运行良好,但在chrome中不起作用.在ie和Firefox中,它打开了xps打印机选项,但是在chrome中,它只是打开一个新的打印窗口,带有div的打印预览,而不是pdf.但我希望在这里打开xps选项.
编辑:当我尝试打印时,在Chrome中,只有html元素作为预览而不是pdf.我使用的是chrome版本:20.0.1132.57
我怎样才能摆脱这种特殊性？善意的帮助.
这对我有用，不需要主机HTML文件。关键是要等待onload：
对于这样的链接：
<a class="print-pdf-link" href="/your/pdf.pdf">Print PDF</a>
我用的是javascript：
$('a.print-pdf-link').click(function () {
var w = window.open($(this).attr('href'));
w.onload = function () {
w.print();
};
return false;
});
我必须做同样的事情，但我使用了一种不同的方法，这种方法对我来说在 Chrome 和 Firefox 中都有效。
我的解决方案涉及一个 print.html 帮助程序文件，该文件接收 PDF 文件的 url 作为 GET 类型参数，然后将 pdf 加载到 iframe 中。然后它不断检查 pdf 是否已完全加载（将检查绑定到事件onload不起作用），完成后触发打印方法。
这里：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Print Page</title>
<meta name="title" content="Print" />
<script>
(function (window, document, undefined) {
var printy = {
urlGET: function (param) {
var params = document.URL.split('?');
if(params.length > 1) {
params = params[1].split('&');
for (var i = 0, len = params.length; i < len; i++) {
if (params[i].split('=')[0] === param) {
return params[i].split('=')[1];
}
}
}
return null;
},
init: function () {
var self = this;
window.onload = function () {
var src = self.urlGET('path');
//creating an iframe element
var ifr = document.createElement('iframe');
document.body.appendChild(ifr);
// making the iframe fill the viewport
ifr.width = '100%';
ifr.height = window.innerHeight;
// continuously checking to see if the pdf file has been loaded
self.interval = setInterval(function () {
if (ifr.contentDocument.readyState === 'complete') {
clearInterval(self.interval);
// doing the actual printing
ifr.contentWindow.print();
}
}, 100);
ifr.src = src;
}
}
}
printy.init();
})(window, document, undefined);
</script>
</head>
<body>
</body>
</html>
但该解决方案尚未在 IE 上进行测试。我们在工作中使用 Mac，所以这不是一个选择。
为了进行打印，我通过调用如下 URL 来使用它：http://example.com/print.html?path=docs/myfile.pdf
| 归档时间： |
|
| 查看次数： |
11777 次 |
| 最近记录： |