Bagaimanakah Saya Menukar Fail kepada Pengekodan Base64 dalam JavaScript?

Menukar Fail kepada Base64 menggunakan JavaScript

Untuk menghantar fail melalui JSON dalam base64, ikut langkah berikut:

1. Dapatkan Fail Objek:

   • Gunakan document.querySelector() untuk memilih elemen input fail.
   • Dapatkan semula objek fail daripada tatasusunan fail pada indeks 0.

2. Tukar kepada Base64 menggunakan FileReader:

   • Buat objek FileReader.
   • Panggil readAsDataURL pada objek FileReader, menghantar objek fail sebagai argumen.

   • Dalam pengendali acara onload:

     • Rentetan base64 tersedia dalam reader.result.
3. Contoh Kod:

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

Perhatikan bahawa Fail objek boleh digunakan dengan FileReader kerana ia adalah subkelas Blob.

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