Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mencetak Arah PDF daripada JavaScript Menggunakan embed dan .print()?

Bagaimana untuk Mencetak Arah PDF daripada JavaScript Menggunakan embed dan .print()?

Linda Hamilton
Lepaskan: 2024-10-20 20:12:02
asal
981 orang telah melayarinya

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

Pencetakan PDF Terus daripada JavaScript

Membuat senarai PDF dalam HTML dengan kedua-dua pautan muat turun dan pilihan cetakan ialah keperluan biasa. Untuk menyelaraskan pengalaman pengguna, mengelakkan keperluan untuk membuka pemapar PDF atau memaparkan PDF sebelum mencetak adalah wajar.

Soalan ini meneroka penyelesaian menggunakan JavaScript untuk membuka terus dialog cetakan untuk PDF tanpa memaparkannya. Satu pendekatan yang dicadangkan melibatkan membenamkan PDF dalam iframe tersembunyi dan mencetuskan pencetakannya melalui JavaScript.

Kaedah Benam dan Cetak

Penyelesaian yang disediakan menggunakan tag untuk membenamkan PDF dalam dokumen:

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

Setelah dibenamkan, JavaScript digunakan untuk menggunakan kaedah .print() pada elemen 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>
Salin selepas log masuk

Teknik ini membenarkan PDF untuk dicetak dengan lancar tanpa sebarang interaksi pengguna atau paparan yang boleh dilihat. Menggabungkan pendekatan ini ke dalam iframe tersembunyi boleh memberikan pengalaman pencetakan yang lancar dan mesra pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Mencetak Arah PDF daripada JavaScript Menggunakan embed dan .print()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan