Bagaimanakah Saya Boleh Menukar Fail kepada Pengekodan Base64 Menggunakan API FileReader JavaScript?

Menukar Fail kepada Base64 dalam JavaScript

API FileReader dalam JavaScript menyediakan cara yang mudah untuk menukar fail kepada perwakilan base64 mereka. Ini amat berguna apabila menghantar fail melalui rangkaian atau menyimpannya dalam pangkalan data.

Menukar Fail kepada Base64

Untuk menukar fail kepada base64 menggunakan API FileReader, ikut langkah berikut:

1. Buat Pembaca Fail objek: Mulakan contoh FileReader.
2. Muat fail: Gunakan kaedah readAsDataURL() untuk memuatkan kandungan fail ke dalam objek FileReader.
3. Pada acara pemuatan: Objek FileReader mengeluarkan acara pemuatan apabila kandungan fail dimuatkan sepenuhnya.
4. Dapatkan rentetan base64: Akses sifat hasil objek FileReader untuk mendapatkan kandungan fail sebagai rentetan berkod base64.

Kod Contoh:

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

Dalam contoh yang disediakan, fungsi getBase64() mengambil objek fail sebagai hujah dan menukarnya kepada base64 menggunakan API FileReader. Rentetan base64 kemudiannya boleh digunakan untuk pelbagai tujuan, seperti menghantar melalui JSON atau menyimpan dalam pangkalan data.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Fail kepada Pengekodan Base64 Menggunakan API FileReader JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!