如何使用 Iframe 直接從 JavaScript 列印 PDF？

直接從 JavaScript 列印 PDF 揭秘

Web 應用程式通常需要提供使用者下載或列印 PDF 的選項。傳統上，使用者必須在啟動列印過程之前在檢視器中開啟 PDF。然而，JavaScript 的進步帶來了直接開啟 PDF 列印對話方塊的可能性，而無需使用者與文件本身進行任何互動。

實現此目的的一種方法是將 PDF 下載到隱藏的 iframe 中，然後使用 JavaScript 觸發列印請求。此工作流程可以如下實現：

• 將 PDF 嵌入隱藏的 iframe：利用 標籤將 PDF 嵌入到 HTML 文件中。確保 iframe 在使用者視圖中保持隱藏狀態。
• 偵測 PDF 載入完成：使用循環或計時器連續檢查 PDF 是否已在 iframe 內完成載入。此步驟至關重要，因為嘗試列印已卸載的 PDF 將導致錯誤。
• 啟動列印：一旦確認 PDF 已完成加載，請呼叫 .print() 方法iframe 的嵌入元素。此操作將開啟列印對話框，允許使用者選擇所需的印表機並啟動列印過程。

列印嵌入在iframe 中的PDF 的範例程式碼：

<code class="javascript">function printPDF() {
  // Create a hidden iframe
  const iframe = document.createElement('iframe');
  iframe.style.display = 'none';
  document.body.appendChild(iframe);

  // Load the PDF into the iframe
  iframe.src = 'path_to_pdf_document.pdf';

  // Wait for the PDF to load
  const printInterval = setInterval(() => {
    if (iframe.contentWindow.document.readyState === 'complete') {
      clearInterval(printInterval);
      iframe.contentWindow.print();
      document.body.removeChild(iframe);
    }
  }, 100);
}</code>

透過實作此方法，您可以為使用者提供無縫的列印體驗，而無需他們在啟動列印過程之前手動開啟PDF 或單獨的PDF 檢視器。需要注意的是，並非所有瀏覽器和版本都支援此解決方案。

以上是如何使用 Iframe 直接從 JavaScript 列印 PDF？的詳細內容。更多資訊請關注PHP中文網其他相關文章！