embed と .print() を使用して JavaScript から PDF を直接印刷する方法

JavaScript からの PDF の直接印刷

ダウンロード リンクと印刷オプションの両方を含む PDF のリストを HTML で作成することは、一般的な要件です。ユーザー エクスペリエンスを合理化するには、印刷前に PDF ビューアを開いたり PDF を表示したりする必要を避けることが望ましいです。

この質問では、JavaScript を使用して PDF を表示せずに印刷ダイアログを直接開く解決策を検討します。提案されているアプローチの 1 つは、非表示の iframe に PDF を埋め込み、JavaScript を介してその印刷をトリガーすることです。

埋め込みおよび印刷メソッド

提供されるソリューションは、 を利用します。タグを使用してドキュメント内に PDF を埋め込みます:

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

埋め込まれると、JavaScript を使用して PDF 要素の .print() メソッドが呼び出されます:

<code class="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();
    }
}</code>

この手法により、 PDF は、ユーザーの操作や表示を必要とせずにシームレスに印刷されます。このアプローチを非表示の iframe に組み込むと、シームレスでユーザーフレンドリーな印刷エクスペリエンスを提供できます。

以上がembed と .print() を使用して JavaScript から PDF を直接印刷する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。