Maison  >  Article  >  interface Web  >  Comment imprimer des PDF directement à partir de JavaScript dans des flux de travail HTML ?

Comment imprimer des PDF directement à partir de JavaScript dans des flux de travail HTML ?

DDD
DDDoriginal
2024-10-20 20:20:30913parcourir

How to Print PDFs Directly from JavaScript in HTML-Based Workflows?

Impression de PDF directement à partir de JavaScript

Dans les flux de travail basés sur HTML, l'intégration de la fonctionnalité d'impression directe pour les PDF peut être un ajout précieux pour les utilisateurs. Pour y parvenir, plusieurs approches peuvent être explorées.

Une technique consiste à intégrer le PDF dans le document à l'aide de l'option tag :

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

Une fois intégré, JavaScript peut être utilisé pour déclencher l'impression :

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

Cette méthode permet une impression transparente sans afficher le PDF à l'utilisateur. Les PDF intégrés peuvent être placés dans des iframes masqués pour une expérience plus conviviale. Cependant, il convient de noter que cette approche peut ne pas être compatible avec tous les navigateurs modernes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn