Comment convertir un fichier en chaîne Base64 en JavaScript ?

Conversion de fichier en Base64 en JavaScript

La conversion d'un fichier en chaîne base64 est essentielle pour diverses applications Web. En JavaScript, cette tâche peut être réalisée à l'aide de la classe FileReader.

Problème :

Un utilisateur a obtenu un objet File à l'aide de querySelector et vise à l'envoyer via JSON dans format base64. La question est de savoir comment convertir ce fichier en chaîne base64.

Solution :

Pour convertir un fichier en chaîne base64, utilisez la classe FileReader comme suit :

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

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

Dans ce code, la fonction getBase64 initialise une instance FileReader et commence à lire le fichier en tant qu'URL de données. Lorsque l'opération de lecture est terminée, le gestionnaire d'événements onload est invoqué et il imprime la chaîne base64 sur la console.

Notez que le fichier obtenu via querySelector est un objet File, une sous-classe de Blob, ce qui le rend compatible avec la classe FileReader. Un exemple de travail complet est disponible pour référence.

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!