Bagaimana untuk Menukar Fail ke Base64 dalam JavaScript?

Menukar Fail kepada Base64 dalam JavaScript: Panduan Komprehensif

Apabila bekerja dengan aplikasi web, anda mungkin sering perlu menghantar fail sebagai sebahagian daripada pertukaran data. Untuk mencapai ini dengan lancar, menukar fail kepada format Base64 menjadi perlu. Teknik pengekodan yang penuh teka-teki ini mewakili data binari menggunakan subset aksara ASCII yang boleh dicetak, menjadikannya sesuai untuk menghantar fail melalui HTTP atau protokol berasaskan teks lain.

Masalah:

Katakan anda mempunyai objek Fail yang diperoleh melalui kaedah document.querySelector:

file = document.querySelector('#files > input[type="file"]').files[0];

Matlamat anda adalah untuk menukar objek Fail ini kepada rentetan Base64 untuk pemindahan data yang cekap.

Penyelesaian:

Untuk menukar fail kepada Base64, anda boleh menggunakan kelas FileReader yang disediakan oleh JavaScript. Kelas ini membolehkan anda membaca kandungan fail dan mengekodnya ke dalam format Base64. Begini cara anda boleh melaksanakannya:

function getBase64(file) {
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function () {
        console.log(reader.result);
    };
    reader.onerror = function (error) {
        console.log('Error: ', error);
    };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file); // prints the Base64 string

Kod ini memulakan tika FileReader dan memulakan pembacaan fail sebagai URL Data (DataURL). Setelah operasi baca berjaya diselesaikan, acara onload dicetuskan dan rentetan Base64 yang ditukar diperoleh daripada reader.result. Anda kini boleh menggunakan rentetan Base64 ini untuk pertukaran data atau sebarang tujuan lain yang diingini.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Fail ke Base64 dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!