首页 >web前端 >js教程 >如何使用 embed 和 .print() 从 JavaScript 直接打印 PDF?

如何使用 embed 和 .print() 从 JavaScript 直接打印 PDF?

Linda Hamilton
Linda Hamilton原创
2024-10-20 20:12:02977浏览

How to Direct Print PDFs from JavaScript Using embed and .print()?

从 JavaScript 直接进行 PDF 打印

使用 HTML 格式创建包含下载链接和打印选项的 PDF 列表是一项常见要求。为了简化用户体验,最好避免在打印之前打开 PDF 查看器或显示 PDF。

此问题探讨了一种使用 JavaScript 直接打开 PDF 的打印对话框而不显示它的解决方案。一种建议的方法是将 PDF 嵌入到隐藏的 iframe 中,并通过 JavaScript 触发其打印。

嵌入和打印方法

提供的解决方案利用

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

提供的解决方案使用 方法。标签将 PDF 嵌入到文档中:

<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>

嵌入后,JavaScript 将用于调用 PDF 元素上的 .print() 方法:

此技术允许PDF 可以无缝打印,无需任何用户交互或可见显示。将此方法合并到隐藏的 iframe 中可以提供无缝且用户友好的打印体验。

以上是如何使用 embed 和 .print() 从 JavaScript 直接打印 PDF?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn