> 웹 프론트엔드 > JS 튜토리얼 > embed 및 .print()를 사용하여 JavaScript에서 PDF를 직접 인쇄하는 방법은 무엇입니까?

embed 및 .print()를 사용하여 JavaScript에서 PDF를 직접 인쇄하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-10-20 20:12:02
원래의
994명이 탐색했습니다.

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

JavaScript에서 직접 PDF 인쇄

다운로드 링크와 인쇄 옵션이 모두 포함된 HTML로 PDF 목록을 만드는 것은 일반적인 요구 사항입니다. 사용자 경험을 간소화하려면 인쇄하기 전에 PDF 뷰어를 열거나 PDF를 표시하지 않는 것이 바람직합니다.

이 질문은 PDF를 표시하지 않고 PDF 인쇄 대화 상자를 직접 열 수 있도록 JavaScript를 사용하는 솔루션을 탐색합니다. 제안된 접근 방식 중 하나는 PDF를 숨겨진 iframe에 삽입하고 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿