Как отправить файл PDF прямо на принтер с помощью JavaScript? - PullRequest
Новая
       0

Как отправить файл PDF прямо на принтер с помощью JavaScript?

32 голосов
/ 16 августа 2011

Как отправить файл PDF напрямую на принтер с помощью JavaScript?

Я нашел два ответа на форуме: 

<embed src="vehinvc.pdf" id = "Pdf1" name="Pdf1" hidden>
<a onClick="document.getElementById('Pdf1').printWithDialog()" style="cursor:hand;">Print file</a>

и 

<OBJECT id = "Pdf2" name="Pdf2" CLASSID="clsid:CA8A9780-280D-11CF-A24D-444553540000" WIDTH="364" HEIGHT="290">
     <PARAM NAME='SRC' VALUE="file.pdf">
</OBJECT>
<a onClick="document.Pdf2.printWithDialog()">Print file</a>

Но моя проблема в том, что он работает только в IE, а не в Firefox или Chrome.

Есть ли какое-то решение для этого?

Ответы [ 5 ]

11 голосов
/ 30 ноября 2017

Я думаю, что эта библиотека JavaScript может помочь вам:

Она называется Print.js

Сначала включите 

<script src="print.js"></script>
<link rel="stylesheet" type="text/css" href="print.css">

Основное использование - позвонить по номеру printJS() и просто передать URL документа PDF: printJS('docs/PrintJS.pdf')

То, что я сделал, было примерно таким, это также покажет «Загрузка ....», еслиPDF-документ слишком велик. 

<button type="button" onclick="printJS({printable:'docs/xx_large_printjs.pdf', type:'pdf', showModal:true})">
    Print PDF with Message
</button>

Однако имейте в виду, что:

В настоящее время Firefox не позволяет печатать документы PDF с использованием фреймов.По этому поводу на сайте Mozilla есть открытая ошибка 1023 *.При использовании Firefox Print.js откроет файл PDF в новой вкладке.

8 голосов
/ 17 августа 2016

Необходимо выполнить два шага.

Во-первых, вам нужно поместить PDF-файл в iframe. 

  <iframe id="pdf" name="pdf" src="document.pdf"></iframe>

Чтобы распечатать iframe, вы можете посмотреть ответы здесь:

Javascript Печать только содержимого iframe

Если вы хотите распечатать iframe автоматически после загрузки PDF, вы можете добавить обработчик загрузки в <iframe>:

  <iframe onload="isLoaded()" id="pdf" name="pdf" src="document.pdf"></iframe>

загрузчик может выглядеть следующим образом: 

function isLoaded()
{
  var pdfFrame = window.frames["pdf"];
  pdfFrame.focus();
  pdfFrame.print();
}

Это отобразит диалоговое окно печати браузера, а затем напечатает только сам документ PDF.(Я лично использую обработчик загрузки для включения кнопки «печать», чтобы пользователь мог решить, печатать документ или нет).

Я использую этот код довольно дословно в Safari и Chrome, ноеще не попробовать его в IE или Firefox.

5 голосов
/ 16 сентября 2012

Попробуйте это: имейте кнопку / ссылку, которая открывает веб-страницу (в новом окне) с вложенным в нее только файлом PDF, и распечатайте веб-страницу.

В начале главной страницы: 

<script type="text/javascript">
function printpdf() 
{
myWindow=window.open("pdfwebpage.html");
myWindow.close;  //optional, to close the new window as soon as it opens
//this ensures user doesn't have to close the pop-up manually
}
</script>

А в теле главной страницы: 

<a href="printpdf()">Click to Print the PDF</a>

Внутри pdfwebpage.html: 

<html>
<head>    
</head>

<body onload="window.print()">
<embed src="pdfhere.pdf"/>

</body>
</html>
0 голосов
/ 16 августа 2011 
<?php

$browser_ver = get_browser(null,true);
//echo $browser_ver['browser'];

if($browser_ver['browser'] == 'IE') {
?>

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pdf print test</title>
<style>
    html { height:100%; }
</style>
<script>
    function printIt(id) {
        var pdf = document.getElementById("samplePDF");
        pdf.click();
        pdf.setActive();
        pdf.focus();
        pdf.print();
    }
</script>
</head>

<body style="margin:0; height:100%;">

<embed id="samplePDF" type="application/pdf" src="/pdfs/2010/dash_fdm350.pdf" width="100%" height="100%" />
<button onClick="printIt('samplePDF')">Print</button>


</body>
</html>

<?php
} else {
?>
<HTML>
<script Language="javascript">

function printfile(id) { 
    window.frames[id].focus();
    window.frames[id].print();
} 

</script>
<BODY marginheight="0" marginwidth="0">

<iframe src="/pdfs/2010/dash_fdm350.pdf" id="objAdobePrint" name="objAdobePrint" height="95%" width="100%" frameborder=0></iframe><br>

<input type="button" value="Print" onclick="javascript:printfile('objAdobePrint');">

</BODY>
</HTML>
<?php
}
?>
0 голосов
/ 16 августа 2011

функция для размещения триггера печати ... 

function printTrigger(elementId) {
    var getMyFrame = document.getElementById(elementId);
    getMyFrame.focus();
    getMyFrame.contentWindow.print();
}

кнопка для предоставления пользователю доступа ... 

(an onClick on an a or button or input or whatever you wish)

<input type="button" value="Print" onclick="printTrigger('iFramePdf');" />
an iframe pointing to your PDF...

<iframe id="iFramePdf" src="myPdfUrl.pdf" style="dispaly:none;"></iframe>

Подробнее: http://www.fpdf.org/en/script/script36.php

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...