Base64 ke Imej

1. Pengenalan

Penukar Base64 kepada Imej ialah alat dalam talian yang ringkas untuk menukar rentetan yang dikodkan dalam Base64 kepada fail imej yang boleh dipaparkan dan dimuat turun. Pengekodan Base64 biasanya digunakan untuk mewakili data binari—seperti imej—dalam bentuk teks biasa. Format ini digunakan secara meluas dalam pembangunan web, API, sistem e-mel dan proses pemindahan data.

Jika anda pernah bekerja dengan data imej dalam respons JSON, tag HTML img, fail CSS atau payload API, anda mungkin pernah menemui rentetan Base64. Daripada menyahkodnya secara manual menggunakan skrip atau perisian luaran, alat ini membolehkan anda melihat pratonton imej dengan serta-merta dan memuat turunnya dalam format popular seperti PNG, JPG, WEBP atau GIF.

Alat ini sesuai untuk pembangun, pereka bentuk, penguji dan sesiapa sahaja yang bekerja dengan data imej yang dikodkan. Sama ada anda sedang menyahpepijat respons API, mengekstrak imej daripada medan pangkalan data atau mengesahkan integriti imej, alat ini menyediakan penyelesaian yang pantas dan mesra pengguna.

2. Cara Ia Berfungsi

Alat ini menerima rentetan yang dikodkan dalam Base64 sebagai input dan menukarkannya kepada imej menggunakan skema Data URI. Daripada melakukan proses penyahkodan imej yang kompleks di bahagian pelayan, alat ini membenamkan rentetan Base64 yang diberikan terus ke dalam elemen HTML img menggunakan format berikut:

data:image/png;base64,BASE64_STRING

Pelayar akan mentafsir Data URI ini sebagai sumber imej yang sah dan memaparkan imej yang telah dinyahkod dengan serta-merta. Ini membolehkan pengguna mengesahkan hasil secara visual tanpa memerlukan storan sistem fail atau pemprosesan sementara pada pelayan.

Parameter Input

• Kandungan – Medan textarea yang wajib diisi di mana pengguna menampal rentetan imej yang dikodkan dalam Base64.

Peraturan Pengesahan

• Medan kandungan tidak boleh kosong.
• Permintaan mesti mengandungi token CSRF yang sah untuk perlindungan keselamatan.
• Input dibersihkan sebelum diproses bagi mengelakkan masalah suntikan kod.

Struktur Output

Jika pengesahan berjaya, alat ini akan:

• Memaparkan imej yang telah dinyahkod dalam pelayar.
• Menjana pautan muat turun untuk format PNG, JPG, WEBP dan GIF.
• Menggunakan rentetan Base64 yang sama yang dibenamkan ke dalam pelbagai jenis MIME untuk muat turun yang fleksibel.

Had

• Alat ini menganggap rentetan Base64 mewakili data imej yang sah.
• Tiada pengesanan MIME automatik dilakukan.
• Rentetan Base64 yang sangat besar mungkin menjejaskan prestasi pelayar.
• Input Base64 yang tidak sah boleh menyebabkan pratonton imej rosak.

3. Cara Menggunakan Alat Ini

1. Salin rentetan imej yang dikodkan dalam Base64 anda.
2. Tampalkan rentetan tersebut ke dalam medan textarea Kandungan.
3. Klik butang proses.
4. Lihat pratonton imej yang telah dinyahkod dengan serta-merta di bawah borang.
5. Klik menu lungsur Muat Turun dan pilih format yang anda inginkan (PNG, JPG, WEBP atau GIF).
6. Simpan fail imej ke peranti anda.

4. Contoh Praktikal

Contoh 1: Mengekstrak Imej daripada Respons API

Input:

iVBORw0KGgoAAAANSUhEUgAAAAUA...

Output:

• Imej yang dipaparkan serta-merta.
• Pilihan untuk memuat turun sebagai PNG, JPG, WEBP atau GIF.

Senario: Anda menerima rentetan imej Base64 daripada REST API dan perlu mengesahkan kandungannya sebelum menyimpan atau memaparkannya dalam aplikasi anda.

Contoh 2: Memulihkan Imej daripada Pangkalan Data

Input:

/9j/4AAQSkZJRgABAQAAAQABAAD...

Output:

• Pratonton yang telah dinyahkod dalam pelayar.
• Fail imej yang boleh dimuat turun.

Senario: Pangkalan data anda menyimpan imej sebagai rentetan Base64. Anda ingin memastikan data tersebut tidak rosak semasa proses migrasi.

5. Kegunaan untuk Pembangun

- Penyahpepijatan API

Periksa respons imej Base64 daripada perkhidmatan bahagian belakang dengan pantas tanpa perlu menulis skrip penyahkodan tersuai.

- Pengesahan Pangkalan Data

Sahkan integriti imej selepas operasi import/eksport atau migrasi pangkalan data.

- Pengujian Frontend

Uji imej sebaris menggunakan skema Data URI sebelum membenamkannya ke dalam kod pengeluaran.

- Automasi & Integrasi

Integrasikan pratonton Base64-ke-imej ke dalam papan pemuka pentadbir atau alat dalaman.

Contoh PHP

$base64 = $_POST['content'];
echo '<img src="data:image/png;base64,' . $base64 . '" />';

Contoh JavaScript

const base64String = document.getElementById('content').value;
const img = document.createElement('img');
img.src = `data:image/png;base64,${base64String}`;
document.body.appendChild(img);

Pertimbangan Keselamatan

• Sentiasa bersihkan input pengguna sebelum dipaparkan.
• Sahkan format Base64 jika pengesahan yang ketat diperlukan.
• Gunakan perlindungan CSRF untuk penghantaran borang.
• Hadkan saiz input bagi mengelakkan penyalahgunaan atau beban berlebihan pada pelayar.

6. Soalan Lazim

Apakah pengekodan imej Base64?

Pengekodan Base64 menukarkan data imej binari kepada rentetan teks supaya ia boleh dihantar dengan selamat melalui sistem berasaskan teks seperti HTML, JSON atau e-mel.

Bagaimanakah saya menukar Base64 kepada fail imej?

Tampalkan rentetan Base64 ke dalam alat ini, lihat pratonton imej dan muat turunnya dalam format pilihan anda.

Mengapa imej Base64 saya tidak dipaparkan?

Rentetan tersebut mungkin tidak lengkap, rosak atau tidak dikodkan dengan betul sebagai data imej yang sah.

Bolehkah saya memuat turun imej dalam format yang berbeza?

Ya. Alat ini membolehkan muat turun dalam format PNG, JPG, WEBP dan GIF.

Adakah alat ini selamat?

Ya. Borang ini menggunakan perlindungan CSRF dan pembersihan input untuk meningkatkan keselamatan.

Adakah alat ini menyimpan imej saya?

Tidak. Proses penukaran dan pratonton berlaku terus dalam sesi pelayar anda tanpa penyimpanan kekal.