Comment convertir des fichiers en codage Base64 en JavaScript ?

Conversion de fichiers en Base64 à l'aide de JavaScript

Pour envoyer des fichiers via JSON en base64, suivez ces étapes :

1. Obtenir le fichier Objet :

   • Utilisez document.querySelector() pour sélectionner l'élément d'entrée du fichier.
   • Récupérez l'objet fichier du tableau files à l'index 0.

2. Convertir en Base64 en utilisant FileReader :

   • Créez un objet FileReader.
   • Appelez readAsDataURL sur l'objet FileReader, en passant l'objet fichier comme argument.

   • Dans le gestionnaire d'événement onload :

     • La chaîne base64 est disponible dans reader.result.
3. Exemple de code :

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

Notez que l'objet File peut être utilisé avec FileReader car c'est une sous-classe de Blob.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!