Pada artikel ini saya akan menjelaskan dengan sebuah contoh, bagaimana cara menyimpan BLOB (Binary Data) sebagai file PDF menggunakan JavaScript Show
File PDF akan diunduh sebagai BLOB (Binary Data) menggunakan panggilan XmlHttpRequest AJAX dan kemudian akan dikirim untuk diunduh di Browser menggunakan JavaScript
Lokasi File File PDF disimpan dalam folder bernama File di dalam direktori proyek
Catatan . Anda juga dapat mengatur URL PDF yang dapat dimiliki oleh server yang sama atau lokasi server lainnya.
Menyimpan BLOB sebagai File PDF menggunakan JavaScript Saat Tombol Download diklik, fungsi DownloadFile JavaScript dipanggil Di dalam fungsi DownloadFile JavaScript, URL File diteruskan sebagai parameter ke panggilan GET dari panggilan JavaScript XmlHttpRequest Kemudian di dalam onload event handler, Byte Array (Binary Data) yang diterima diubah menjadi objek BLOB dan File diunduh di Browser Format file PDF sangat berguna untuk mengunduh data massal di aplikasi web. Ini membantu pengguna mengunduh konten dinamis dalam format file untuk penggunaan offline. Dengan fungsi ekspor ke PDF, konten HTML diubah menjadi dokumen PDF dan diunduh sebagai file PDF. Dalam aplikasi web dinamis, skrip sisi server digunakan untuk mengonversi HTML ke PDF dan menghasilkan file PDF menggunakan PHP Jika Anda menginginkan solusi sisi klien untuk menghasilkan dokumen PDF, JavaScript adalah cara termudah untuk mengonversi HTML ke PDF. Ada berbagai pustaka JavaScript yang tersedia untuk menghasilkan PDF dari HTML. JsPDF adalah salah satu perpustakaan terbaik untuk mengonversi HTML ke PDF menggunakan JavaScript. Dalam tutorial ini, kami akan menunjukkan cara membuat dokumen PDF dan mengonversi HTML ke PDF menggunakan pustaka JavaScript dan jsPDF Dalam skrip contoh ini, kami akan membagikan cuplikan kode untuk menangani pembuatan PDF dan operasi terkait konversi HTML ke PDF menggunakan JavaScript Sertakan Perpustakaan jsPDFPustaka jQuery tidak diperlukan, cukup sertakan file pustaka jsPDF untuk menggunakan kelas jsPDF Perhatikan bahwa. Anda tidak perlu mengunduh perpustakaan jsPDF secara terpisah, semua file yang diperlukan sudah termasuk dalam paket kode sumber kami Muat dan Mulai Kelas jsPDFGunakan baris kode berikut untuk memulai kelas jsPDF dan gunakan objek jsPDF di JavaScript window.jsPDF = window.jspdf.jsPDF; var doc = new jsPDF(); Hasilkan PDF menggunakan JavaScriptContoh berikut menunjukkan cara menggunakan library jsPDF untuk menghasilkan file PDF menggunakan JavaScript
Gunakan metode addImage() untuk menambahkan gambar ke PDF menggunakan objek
doc.addImage("path/to/image.jpg", "JPEG", 15, 40, 180, 180);_ Konversikan Konten HTML ke PDF menggunakan JavaScriptContoh berikut menunjukkan cara menggunakan library jsPDF untuk mengonversi HTML ke PDF dan menghasilkan file PDF dari konten HTML menggunakan JavaScript
Kode HTML Kode JavaScript Konfigurasi yang BergunaPustaka jsPDF menyediakan berbagai metode dan opsi untuk mengonfigurasi pembuatan PDF. Beberapa metode kelas jsPDF yang berguna diberikan di bawah ini yang biasanya digunakan untuk mengekspor HTML ke PDF menggunakan jQuery Ubah Orientasi Kertas Ubah Font Teks Konversikan Konten HTML ke PDF dengan Gambar dan Banyak HalamanDalam cuplikan kode contoh ini, kami akan menunjukkan cara menggunakan pustaka jsPDF untuk mengonversi HTML ke PDF dan menghasilkan file PDF dari konten HTML termasuk gambar menggunakan JavaScript
JavaScript HTML Buat PDF dengan Tanda Air di PHP menggunakan Dompdf KesimpulanKode contoh kami membantu Anda mengonversi HTML ke PDF dan menghasilkan file PDF menggunakan JavaScript. Anda dapat dengan mudah menambahkan fungsi Ekspor ke PDF di halaman web tanpa bergantung pada skrip sisi server. Fungsionalitas pembuatan PDF dapat ditingkatkan dengan opsi konfigurasi jsPDF sesuai kebutuhan Anda. Unduh paket kode sumber kami untuk mendapatkan semua file yang diperlukan termasuk pustaka JavaScript jsPDF Apakah Anda ingin mendapatkan bantuan implementasi, atau memodifikasi atau meningkatkan fungsionalitas skrip ini? Bagaimana cara menyimpan file PDF di folder lokal menggunakan JavaScript?berkas var = dokumen. getElementById("pdf"). berkas; . tambahkan("file", files[0]);
Bagaimana cara menyimpan PDF langsung ke folder?Untuk menyimpan PDF, pilih File > Save atau klik ikon Save File di toolbar Heads Up Display (HUD) di bagian bawah PDF. The Save As dialog box is displayed. Choose the location where you want to save the PDF and then click Save.
Bagaimana cara menyimpan file PDF dalam JavaScript?Buat PDF menggunakan JavaScript . Tentukan konten dalam metode text() dari objek jsPDF Gunakan metode addPage() untuk menambahkan halaman baru ke PDF Gunakan metode save() untuk membuat dan mengunduh file PDF Bagaimana cara menyimpan file dalam folder menggunakan JavaScript?Algoritma . Step 1 − Create HTML element.. Langkah 2 - Dapatkan konten untuk ditambahkan ke file teks Langkah 3 - Buat objek Blob konten Step 4 − In the href attribute of the tag, add the blog object URL.. Step 5 − Add the default file name as a value of the 'download' attribute of tag.. |