it-roy-ru.com

Распечатать PDF в Firefox

Как распечатать PDF в Firefox?

Эта функция работает в Chrome, но не в Firefox

function print_pdf(url){
    var id = 'iframe', html = '<iframe id="'+id+'" src="'+url+'" style="display:none"></iframe>';
    $('#main').append(html);
    $('#'+id).load(function(){
        document.getElementById(id).contentWindow.print();
    }
}

ошибка

Error: Permission denied to access property "print"
43
clarkk

Firefox: Отказано в доступе к свойству «печать»

Это ошибка в Firefox . Локально это можно отключить, перейдя к about:config и установив для свойства pdfjs.disabled значение true. Единственный возможный обходной путь - использование серверного скрипта и изменение pdf. Используя php, вы можете использовать fpdf и embed extensions для реализации js (включая функцию print()) или просто преобразовать pdf в изображение, вернуть URL и распечатать его. Вы можете использовать FPDI для изменения существующего PDF. Я приведу пример того, как я начал работать с PHP.

Создание файла PDF с использованием встроенного JavaScript (автопечатка) с использованием FPDI и PDF_JS

require_once('fpdf.php');
require_once('fpdi.php');

class PDF_JavaScript extends FPDI {

    var $javascript;
    var $n_js;

    function IncludeJS($script) {
        $this->javascript=$script;
    }

    function _putjavascript() {
        $this->_newobj();
        $this->n_js=$this->n;
        $this->_out('<<');
        $this->_out('/Names [(EmbeddedJS) '.($this->n+1).' 0 R]');
        $this->_out('>>');
        $this->_out('endobj');
        $this->_newobj();
        $this->_out('<<');
        $this->_out('/S /JavaScript');
        $this->_out('/JS '.$this->_textstring($this->javascript));
        $this->_out('>>');
        $this->_out('endobj');
    }

    function _putresources() {
        parent::_putresources();
        if (!empty($this->javascript)) {
            $this->_putjavascript();
        }
    }

    function _putcatalog() {
        parent::_putcatalog();
        if (!empty($this->javascript)) {
            $this->_out('/Names <</JavaScript '.($this->n_js).' 0 R>>');
        }
    }
}

class PDF_AutoPrint extends PDF_JavaScript
{
    function AutoPrint($dialog=false)
    {
        //Open the print dialog or start printing immediately on the standard printer
        $param=($dialog ? 'true' : 'false');
        $script="print($param);";
        $this->IncludeJS($script);
    }

    function AutoPrintToPrinter($server, $printer, $dialog=false)
    {
        $script = "document.contentWindow.print();";
        $this->IncludeJS($script);
    }
}

$pdf=new PDF_AutoPrint();
$pdf->setSourceFile("mozilla.pdf");
//Open the print dialog
$tplIdx = $pdf->importPage(1, '/MediaBox');
$pdf->addPage();
$pdf->useTemplate($tplIdx, 10, 10, 90);
$pdf->AutoPrint(true);
$pdf->Output('generated.pdf', 'F');

Теперь вы можете просто добавить сгенерированный pdf на вашу страницу, и включенный javascript вызовет функцию print(). Вам даже не нужно больше звонить вручную. Однако в Firefox это будет работать только с visibility: hidden, а не с display: none.

function print_pdf(url){
    var iFrameJQueryObject = $('<iframe id="iframe" src="'+url+'" style="visibility: hidden"></iframe>');
    $('#foo').append(iFrameJQueryObject);
}
print_pdf('mozilla_generated.pdf');

Chrome: ошибка безопасности (перекрестное происхождение)

PDF должен быть расположен на том же хосте. Firefox был в порядке с другими доменами в моих тестах, но Chrome дал мне ошибки перекрестного происхождения.


Firefox: печатная страница содержит только about:blank

Вы получите пустую страницу в Firefox ( jsfiddle ), потому что она напечатает iframe до того, как загрузит какой-либо контент. Упомянутые методы, такие как $(document).onload(), не помогут, так как они только ждут загрузки DOM, а setTimeout() может привести к ошибкам, поскольку вы не знаете, сколько времени занимает загрузка iFrame.

Вы можете просто решить эту проблему с помощью load() в jQuery. ( doc ) Это даст вам возможность использовать функцию обратного вызова в качестве параметра.

если предусмотрен «полный» обратный вызов, он выполняется после постобработки и вставки HTML. Обратный вызов запускается один раз для каждого элемента в коллекции jQuery, и для каждого элемента DOM по очереди устанавливается this.

Пример кода 1

function print_pdf(url){
    var id = 'iframe', html = '<iframe id="'+id+'" src="'+url+'" style="display:none"></iframe>';
    $('body').append(html);
    // wait for the iFrame to fully load and call the print() function afterwards
    $('#' + id).load(function () {
        document.getElementById(id).contentWindow.print();
    });
}

В качестве альтернативы вы можете напрямую создать объект jQuery и использовать on() ( doc ) jQuery для присоединения любого обработчика событий.

Пример кода 2 (jsfiddle)

function print_pdf(url){
    var iFrameJQueryObject = $('<iframe id="iframe" src="'+url+'" style="display:none"></iframe>');
    $('body').append(iFrameJQueryObject);
    iFrameJQueryObject.on('load', function(){
        $(this).get(0).contentWindow.print();
    });
}
31
Horst Jahns

Изменить, Обновлено

Попробуйте использовать событие window.onload, событие document.createElement(), onload, setTimeout() с параметром duration, установленным в 2000, установив src из iframe после добавления элемента к document

window.onload = function() {
    function print_pdf(url){
        var id = "iframe", frame = document.createElement("iframe");
        frame.setAttribute("id", id);
        frame.setAttribute("width", "800px");
        frame.setAttribute("height", "600px");
        frame.setAttribute("allowfullscreen", "true");
        frame.setAttribute("name", "printframe");
        document.body.appendChild(frame);
        frame.onload = function() {
          this.requestFullScreen = this.mozRequestFullScreen 
                                   || this.webkitRequestFullScreen;
          this.requestFullScreen();
          setTimeout(function() {
            print()
          },2000)
        }
        frame.setAttribute("src", url);
    }
    print_pdf("http://zeitreisen.zeit.de/wp-content/uploads/2014/09/pdftest2.pdf");
}

plnkr http://plnkr.co/edit/mHBNmc5mdM0YJRwRbYif?p=preview

4
guest271314

PDF-файлы имеют поддержку Javascript. Мне нужно было иметь возможность автоматической печати при создании сгенерированного PHP PDF, и я смог использовать FPDF, чтобы заставить его работать:

http://www.fpdf.org/en/script/script36.php

2
vrtech77

@clarkk Я бы порекомендовал использовать что-то более мощное, что было рассмотрено многими людьми. Я предлагаю использовать http://pdfmake.org/#/ .

Я использовал этот pdfmake в моих таблицах данных, и он работает абсолютно идеально. Имейте в виду, если вы печатаете более 10 000 строк из таблиц или что-то такое, что у вас заканчивается память браузера :)

0
George Plamenov Georgiev

Я не использовал это некоторое время, но это то, что я использовал для печати PDF-файлов из iframe ...

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

<iframe src="urlOfPdf" name="objAdobePrint" id="objAdobePrint"></iframe>
<button onclick="printfile();">Print</button>
0
raphie

Вы можете реализовать функцию печати без создания нового iframe (только с css), чтобы предотвратить проблемы с безопасностью:

var style = document.createElement("style");
style.setAttribute("media", "print"); //style.setAttribute("media", "screen,print");
style.appendChild(document.createTextNode(""));
document.head.appendChild(style);
var width = $("#printDiv").width();
var height = $("#printDiv").height();
style.sheet.insertRule("body { width: 210mm !important, height: 25.4mm !important; visibility: hidden; }", 0);
style.sheet.insertRule("#printDiv { visibility: visible; position: fixed !important;top: 5px;  left: 5px; width:" + width + "px;height:" + height + ";  page-break-after: avoid;}", 0);

window.focus();
window.print(true);
style.remove();
0
Pedram