Drucken Sie PDF direkt aus JavaScript

Ich erstelle eine Liste von PDFs in HTML. In die Liste möchte ich einen Download-Link und einen Druck-Button / Link einfügen. Gibt es eine Möglichkeit, den Druckdialog für die PDF-Datei direkt zu öffnen, ohne dass der Benutzer die PDF-Datei sieht oder einen PDF-Viewer öffnet?

Eine Variante, das PDF in einen versteckten Iframe herunterzuladen und zum Drucken mit JavaScript auszulösen?

Basierend auf den Kommentaren unten funktioniert es in modernen Browsern nicht mehr.
Diese Frage zeigt einen Ansatz, der für Sie hilfreich sein könnte: Stummes Drucken einer eingebetteten PDF-Datei

Es verwendet das <embed>Tag, um das PDF in das Dokument einzubetten:

<embed
    type="application/pdf"
    src="path_to_pdf_document.pdf"
    id="pdfDocument"
    width="100%"
    height="100%" />

Anschließend rufen Sie die .print()Methode für das Element in Javascript auf, wenn die PDF-Datei geladen wird:

function printDocument(documentId) {
    var doc = document.getElementById(documentId);

    //Wait until PDF is ready to print    
    if (typeof doc.print === 'undefined') {    
        setTimeout(function(){printDocument(documentId);}, 1000);
    } else {
        doc.print();
    }
}

Sie können die Einbettung in einem versteckten Iframe platzieren und von dort aus drucken, um eine nahtlose Erfahrung zu erzielen.

Hier ist eine Funktion zum Drucken einer PDF-Datei aus einem Iframe.

Sie müssen nur die URL der PDF an die Funktion übergeben. Sobald das PDF geladen ist, wird ein Iframe erstellt und der Druck ausgelöst.

Beachten Sie, dass die Funktion den Iframe nicht zerstört. Stattdessen wird es bei jedem Aufruf der Funktion wiederverwendet. Es ist schwierig, den Iframe zu zerstören, da er benötigt wird, bis der Druckvorgang abgeschlossen ist und die Druckmethode keine Rückrufunterstützung bietet (soweit ich weiß).

printPdf = function (url) {
  var iframe = this._printIframe;
  if (!this._printIframe) {
    iframe = this._printIframe = document.createElement('iframe');
    document.body.appendChild(iframe);

    iframe.style.display = 'none';
    iframe.onload = function() {
      setTimeout(function() {
        iframe.focus();
        iframe.contentWindow.print();
      }, 1);
    };
  }

  iframe.src = url;
}

Laden Sie die Print.js von http://printjs.crabbly.com/ herunter.

$http({
    url: "",
    method: "GET",
    headers: {
        "Content-type": "application/pdf"
    },
    responseType: "arraybuffer"
}).success(function (data, status, headers, config) {
    var pdfFile = new Blob([data], {
        type: "application/pdf"
    });
    var pdfUrl = URL.createObjectURL(pdfFile);
    //window.open(pdfUrl);
    printJS(pdfUrl);
    //var printwWindow = $window.open(pdfUrl);
    //printwWindow.print();
}).error(function (data, status, headers, config) {
    alert("Sorry, something went wrong")
});

https://github.com/mozilla/pdf.js/

für eine Live-Demo http://mozilla.github.io/pdf.js/

Es ist wahrscheinlich das, was Sie wollen, aber ich kann den Sinn davon nicht erkennen, da moderne Browser solche Funktionen enthalten. Außerdem läuft es auf Geräten mit geringem Stromverbrauch wie Mobilgeräten, die übrigens über eigene optimierte Plugins und Apps verfügen, furchtbar langsam .

Ich habe diese Funktion verwendet, um den PDF-Stream vom Server herunterzuladen.

function printPdf(url) {
        var iframe = document.createElement('iframe');
        // iframe.id = 'pdfIframe'
        iframe.className='pdfIframe'
        document.body.appendChild(iframe);
        iframe.style.display = 'none';
        iframe.onload = function () {
            setTimeout(function () {
                iframe.focus();
                iframe.contentWindow.print();
                URL.revokeObjectURL(url)
                // document.body.removeChild(iframe)
            }, 1);
        };
        iframe.src = url;
        // URL.revokeObjectURL(url)
    }

Browserübergreifende Lösung zum Drucken von PDF-Dateien aus base64-Zeichenfolgen:

• Chrome: Das Druckfenster wird geöffnet
• FF: Neue Registerkarte mit PDF wird geöffnet
• IE11: Die Eingabeaufforderung zum Öffnen / Speichern wird geöffnet

.

const blobPdfFromBase64String = base64String => {
   const byteArray = Uint8Array.from(
     atob(base64String)
       .split('')
       .map(char => char.charCodeAt(0))
   );
  return new Blob([byteArray], { type: 'application/pdf' });
};

const isIE11 = !!(window.navigator && window.navigator.msSaveOrOpenBlob); // or however you want to check it

const printPDF = blob => {
   try {
     isIE11
       ? window.navigator.msSaveOrOpenBlob(blob, 'documents.pdf')
       : printJS(URL.createObjectURL(blob)); // http://printjs.crabbly.com/
   } catch (e) {
     throw PDFError;
   }
};

printPDF(blobPdfFromBase64String(base64String))

BONUS - Blob-Datei in neuem Tab für IE11 öffnen

Wenn Sie in der Lage sind, die base64-Zeichenfolge auf dem Server vorzuverarbeiten, können Sie sie unter einer URL verfügbar machen und den Link in printJS:) verwenden