Comment encoder des images en chaînes Base64 en JavaScript ?

Encodage d'images en chaînes Base64 en JavaScript

Question :

Comment puis-je convertir une image en une image codée en Base64 chaîne en JavaScript ? Cette conversion est nécessaire pour envoyer l'image à un serveur pour un traitement ultérieur.

Solution :

Approche 1 : FileReader

À l'aide de l'API FileReader, vous pouvez lancer XMLHttpRequest pour récupérer l'image sous forme de blob, puis la traiter il.

function toDataURL(url, callback) {
  let xhr = new XMLHttpRequest();
  xhr.onload = function() {
    let reader = new FileReader();
    reader.onloadend = function() {
      callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

Utilisation de cette fonction :

toDataURL('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0', dataUrl => {
  console.log('RESULT:', dataUrl);
});

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!