首頁 > web前端 > js教程 > 主體

如何在 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 的直接列印功能對於使用者來說是一個有價值的補充。為了實現這一目標,可以探索多種方法。

一種技術涉及使用 將 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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!