base64 kepada pdf javascript

Base64 ialah kaedah pengekodan yang biasa digunakan untuk menukar data binari kepada format teks supaya ia boleh dihantar melalui rangkaian. PDF (Format Dokumen Mudah Alih, Format Dokumen Mudah Alih) ialah format yang digunakan untuk membentang dan bertukar dokumen.

Dalam pengaturcaraan JavaScript, kadangkala kami perlu menukar data yang dikodkan Base64 kepada format PDF supaya kami boleh memaparkan atau memuat turun dokumen PDF ini dalam penyemak imbas. Dalam artikel ini, kami akan menerangkan cara menukar pengekodan Base64 kepada format PDF menggunakan JavaScript.

1. Dapatkan data yang dikodkan Base64

Pertama, kita perlu mendapatkan data yang dikodkan Base64. Ini boleh dicapai dalam pelbagai cara, seperti mendapatkan data daripada pelayan bahagian belakang atau API web, atau daripada borang atau interaksi pengguna di bahagian hadapan.

Dalam contoh ini, kami akan menggunakan pembolehubah rentetan yang dipanggil base64Data untuk mewakili data yang dikodkan Base64 kami. Berikut ialah contoh kod untuk mewakili data ini:

var base64Data = "JVBERi0xLjMKJcfs...";

2. Tukar data Base64 kepada format binari

Seterusnya, kita perlu menukar semula data yang dikodkan Base64 kepada format binari. Ini boleh dicapai dengan menggunakan fungsi window.atob(), yang menerima rentetan dikodkan Base64 dan mengembalikan rentetan yang mewakili data binari untuk rentetan itu.

Berikut ialah contoh kod untuk menukar data Base64 kepada format binari:

var binaryData = window.atob(base64Data);

3. Mencipta objek Blob

Seterusnya, kita perlu mencipta Objek gumpalan, Ia mewakili objek seperti fail data mentah yang tidak boleh diubah. Objek blob biasanya digunakan dalam pemindahan data AJAX dalam aplikasi web.

Berikut ialah kod sampel untuk mencipta objek Blob:

var blob = new Blob([binaryData], { type: "application/pdf" });

Di sini, kami menghantar rentetan binaryData sebagai parameter tatasusunan kepada pembina Blob. Kami juga menentukan jenis MIME sebagai "aplikasi/pdf", yang menunjukkan bahawa kami sedang mencipta objek Blob dalam format fail PDF.

4. Mencipta ObjectURL

Setelah kami mencipta objek Blob, kami perlu menukarnya kepada format URL supaya kami boleh mengaksesnya melalui tetingkap penyemak imbas. Kita boleh membuat URL ini menggunakan kaedah window.URL.createObjectURL().

Berikut ialah contoh kod untuk menukar objek Blob ke dalam format URL:

var url = window.URL.createObjectURL(blob);

Ini akan mengembalikan rentetan URL yang mewakili objek Blob.

5. Paparkan atau muat turun PDF dalam penyemak imbas

Sekarang kami telah mencipta URL, kami boleh memautkannya ke elemen pautan pada halaman HTML supaya Kami boleh memaparkan atau memuat turun fail PDF ini dalam penyemak imbas.

Berikut ialah contoh kod untuk memautkan fail PDF ke elemen pautan pada halaman HTML:

var link = document.createElement('a');
link.href = url;
link.download = "file.pdf";
link.click();

Di sini, kami telah mencipta elemen pautan baharu yang dipanggil "pautan" dan menetapkannya href harta ditetapkan kepada URL yang dibuat sebelum ini. Kami juga menentukan atribut muat turun, yang membolehkan kami memuat turun fail apabila pautan diklik. Akhir sekali, kami menggunakan link.click() untuk mengklik pada elemen pautan ini supaya kami boleh memaparkan atau memuat turun fail PDF ini dalam penyemak imbas.

Ringkasan

Dalam artikel ini, kami memperkenalkan cara menggunakan JavaScript untuk menukar data yang dikodkan Base64 kepada format PDF dan memaparkan serta memuat turun fail PDF ini dalam penyemak imbas. Langkah-langkah ini termasuk mendapatkan data daripada pengekodan Base64, menukar data kepada format binari, mencipta objek Blob, mencipta ObjectURL dan memautkan fail PDF pada halaman HTML. Apabila melakukan ini, pastikan anda mengikuti amalan terbaik seperti pengesahan jenis data, pengendalian ralat dan keselamatan.

Atas ialah kandungan terperinci base64 kepada pdf javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!