Cara Download PDF dengan JavaScript
JavaScript merupakan bahasa pemrograman yang populer dan serbaguna. Anda dapat menggunakan JavaScript untuk melakukan berbagai tugas, termasuk mengunduh file PDF. Ada beberapa cara untuk mengunduh PDF dengan JavaScript.
1. Menggunakan Anchor Tag (<a>)
Metode yang paling mudah adalah dengan menggunakan tag <a>
dan mengatur atribut href
ke URL file PDF. Anda juga perlu mengatur atribut download
untuk menunjukkan kepada browser bahwa file tersebut harus diunduh, bukan dibuka di browser.
Download PDF
Contoh:
Download Example PDF
2. Menggunakan JavaScript Fetch API
Anda juga dapat menggunakan JavaScript Fetch API untuk mengunduh file PDF. Fetch API memungkinkan Anda untuk mengambil data dari URL, termasuk file PDF. Setelah Anda mengambil data, Anda dapat menyimpannya ke dalam file menggunakan objek Blob
.
fetch("https://www.example.com/example.pdf")
.then(response => response.blob())
.then(blob => {
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'example.pdf');
document.body.appendChild(link);
link.click();
});
3. Menggunakan jsPDF
jsPDF adalah library JavaScript yang memungkinkan Anda untuk membuat dan mengunduh PDF secara langsung di browser. Anda dapat menggunakan jsPDF untuk membuat PDF dari konten HTML, gambar, atau data lainnya.
Contoh:
const doc = new jsPDF();
// Tambahkan konten ke PDF
doc.text("Hello World!", 10, 10);
// Simpan dan unduh PDF
doc.save("hello-world.pdf");
Peringatan
Pastikan Anda memiliki izin untuk mengunduh file PDF sebelum menggunakan kode ini.
Semoga artikel ini membantu Anda dalam memahami cara mengunduh PDF dengan JavaScript.