HTML ベースのワークフローで JavaScript から PDF を直接印刷するにはどうすればよいですか?-jsチュートリアル-php.cn

HTML ベースのワークフローで JavaScript から PDF を直接印刷するにはどうすればよいですか?

DDD

リリース： 2024-10-20 20:20:30

オリジナル

912 人が閲覧しました

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

JavaScript から直接 PDF を印刷する

HTML ベースのワークフローでは、PDF の直接印刷機能を統合すると、ユーザーにとって有益な追加機能となります。これを実現するには、いくつかのアプローチを検討できます。

1 つの手法では、を使用してドキュメント内に PDF を埋め込みます。タグ:

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

ログイン後にコピー

埋め込むと、JavaScript を使用して印刷をトリガーできます:

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

ログイン後にコピー

このメソッドにより、ユーザーに PDF を表示せずにシームレスに印刷できます。埋め込み PDF は非表示の iframe 内に配置して、よりユーザーフレンドリーなエクスペリエンスを実現できます。ただし、このアプローチは最新のブラウザーすべてと互換性があるわけではない可能性があることに注意してください。

以上がHTML ベースのワークフローで JavaScript から PDF を直接印刷するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。