Membuat aplikasi Converter PDF to Images dengan javascript

Convert PDF to JPG Online

Halo sobat webbiz kali ini kita akan share aplikasi Convert PDF to JPG Online yang bisa teman-teman gunakan secara free dan tanpa batasan besaran file yang ingin di konversi.

Converter PDF ke Gambar

Converter PDF ke Gambar

Code:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Converter PDF ke Gambar</title>
    <link rel="stylesheet" href="styles.css">
    //using library pdf
    //using library jszip
</head>
<body>
    <div class="container">
        <h1>Converter PDF ke Gambar</h1>
        <form id="pdfForm">
            <input type="file" id="pdfFile" accept="application/pdf" required>
            <button type="submit" class="btn">Convert</button>
        </form>
        <div id="message"></div>
        <a id="downloadLink" style="display:none;" class="btn" download>Download Gambar</a>
    </div>

    <script>
        document.getElementById('pdfForm').addEventListener('submit', function(event) {
            event.preventDefault();
            const file = document.getElementById('pdfFile').files[0];
            const reader = new FileReader();
            reader.onload = function() {
                const pdfData = new Uint8Array(this.result);
                pdfjsLib.getDocument(pdfData).promise.then(function(pdf) {
                    const zip = new JSZip();
                    const promises = [];
                    for (let i = 1; i <= pdf.numPages; i++) {
                        promises.push(pdf.getPage(i).then(function(page) {
                            const viewport = page.getViewport({ scale: 2 });
                            const canvas = document.createElement('canvas');
                            canvas.width = viewport.width;
                            canvas.height = viewport.height;
                            const context = canvas.getContext('2d');
                            return page.render({ canvasContext: context, viewport: viewport }).promise.then(function() {
                                return canvas.toDataURL('image/png');
                            }).then(function(dataUrl) {
                                zip.file(`page-${i}.png`, dataUrl.split(',')[1], { base64: true });
                            });
                        }));
                    }
                    Promise.all(promises).then(function() {
                        zip.generateAsync({ type: 'blob' }).then(function(content) {
                            const url = URL.createObjectURL(content);
                            document.getElementById('downloadLink').href = url;
                            document.getElementById('downloadLink').style.display = 'block';
                            document.getElementById('message').innerText = "File berhasil di Convert ke Image";
                        });
                    });
                });
            };
            reader.readAsArrayBuffer(file);
        });
    </script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 600px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            text-align: center;
        }
        input[type="file"] {
            width: 100%;
            margin-bottom: 10px;
        }
        .btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
          box-sizing : border-box;
        }
        .btn:hover {
            background-color: #218838;
        }
        #message {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #28a745;
        }
    </style>
</body>
</html>
JavaScript

Kenapa Harus Mengonversi PDF ke JPG?

Konversi PDF ke JPG sering kali dibutuhkan dalam berbagai keperluan, misalnya:

  • Membagikan halaman PDF sebagai gambar: Gambar (JPG) lebih mudah diakses dan dilihat langsung tanpa perangkat lunak pembaca PDF.
  • Kompatibilitas yang lebih luas: Beberapa perangkat atau platform sosial tidak mendukung PDF, sehingga gambar (JPG) lebih serbaguna.
  • Penggunaan di website atau presentasi: Format JPG lebih ringan dan lebih mudah dimasukkan ke dalam slide, situs web, atau media lainnya.

Cara Mengonversi PDF ke JPG dengan Webbiz.id

Menggunakan konverter dari Webbiz.id sangat mudah dan bisa dilakukan dalam beberapa langkah sederhana:

  1. Kunjungi Situs Webbiz.id: Akses konverter PDF ke JPG Webbiz.id melalui browser Anda.
  2. Pilih Menu PDF ke JPG: Di halaman utama Webbiz.id, pilih opsi konversi PDF ke JPG.
  3. Unggah File PDF Anda: Klik tombol untuk memilih file PDF yang ingin Anda ubah. Anda dapat mengunggah file dari perangkat komputer atau ponsel.
  4. Mulai Konversi: Setelah file PDF berhasil diunggah, klik tombol konversi. Proses ini biasanya hanya membutuhkan waktu beberapa detik, tergantung pada ukuran file.
  5. Unduh Hasil JPG: Setelah proses selesai, Anda dapat mengunduh gambar JPG hasil konversi secara langsung ke perangkat Anda.

Mengapa Memilih Webbiz.id untuk Konversi PDF ke JPG?

Webbiz.id menawarkan beberapa keunggulan yang bisa menjadi alasan kuat untuk memilih layanan ini dibandingkan yang lain:

  1. Kecepatan dan Efisiensi: Proses konversi di Webbiz.id cepat dan efisien. Anda bisa mengonversi file PDF besar dalam hitungan detik, tanpa perlu menunggu lama.
  2. Kualitas Gambar yang Tinggi: Webbiz.id menjaga resolusi dan kualitas gambar JPG tetap optimal, sehingga teks dan gambar dalam PDF tetap terlihat jelas dan tajam.
  3. User-Friendly dan Aman: Interface Webbiz.id dirancang agar mudah digunakan, bahkan untuk pengguna baru. Selain itu, keamanan data sangat dijaga, sehingga file PDF Anda tidak akan disimpan atau diakses oleh pihak ketiga.
  4. Gratis dan Tanpa Batasan Penggunaan: Tidak seperti beberapa layanan lain yang memerlukan akun premium atau memiliki batasan jumlah konversi, Webbiz.id menyediakan konversi PDF ke JPG secara gratis tanpa batas.
  5. Kompatibel dengan Banyak Perangkat: Webbiz.id mendukung penggunaan di berbagai perangkat, baik desktop maupun mobile, sehingga Anda bisa melakukan konversi di mana saja.

Dengan Webbiz.id, Anda mendapatkan solusi konversi yang cepat, aman, dan berkualitas tinggi untuk convert PDF to JPG tanpa hambatan.