Imprimer le PDF directement à partir de JavaScript

Je construis une liste de PDF en HTML. Dans la liste, j'aimerais inclure un lien de téléchargement et un bouton / lien d'impression. Existe-t-il un moyen d'ouvrir directement la boîte de dialogue Imprimer pour le PDF sans que l'utilisateur ne voie le PDF ou n'ouvre une visionneuse PDF?

Une variante du téléchargement du PDF dans une iframe cachée et du déclenchement de son impression avec JavaScript?

D'après les commentaires ci-dessous, cela ne fonctionne plus dans les navigateurs modernes
Cette question illustre une approche qui pourrait vous être utile: Impression silencieuse d'un PDF intégré

Il utilise la <embed>balise pour incorporer le PDF dans le document:

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

Ensuite, vous appelez la .print()méthode sur l'élément en Javascript lorsque le PDF est chargé:

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

Vous pouvez placer l'intégration dans une iframe cachée et l'imprimer à partir de là, vous offrant une expérience transparente.

Voici une fonction pour imprimer un PDF à partir d'une iframe.

Il vous suffit de transmettre l'URL du PDF à la fonction. Il créera un iframe et déclenchera l'impression une fois le PDF chargé.

Notez que la fonction ne détruit pas l'iframe. Au lieu de cela, il le réutilise chaque fois que la fonction est appelée. Il est difficile de détruire l'iframe car il est nécessaire jusqu'à ce que l'impression soit terminée, et la méthode d'impression n'a pas de support de rappel (pour autant que je sache).

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

Téléchargez Print.js depuis http://printjs.crabbly.com/

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

pour une démo en direct http://mozilla.github.io/pdf.js/

c'est probablement ce que vous voulez, mais je ne peux pas voir l'intérêt de cela puisque les navigateurs modernes incluent une telle fonctionnalité, aussi cela fonctionnera terriblement lent sur les appareils de faible puissance comme les appareils mobiles qui, en passant, ont leurs propres plugins et applications optimisés .

J'ai utilisé cette fonction pour télécharger le flux pdf du serveur.

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

Solution de navigateur croisé pour l'impression de pdf à partir de la chaîne base64:

• Chrome: la fenêtre d'impression est ouverte
• FF: un nouvel onglet avec pdf est ouvert
• IE11: l'invite open / save est ouverte

.

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 - Ouverture du fichier blob dans un nouvel onglet pour IE11

Si vous êtes capable de faire un prétraitement de la chaîne base64 sur le serveur, vous pouvez l'exposer sous une URL et utiliser le lien dans printJS:)