Maison >interface Web >js tutoriel >Comment encoder des images en chaînes Base64 en JavaScript ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-19 19:10:14550parcourir

How to Encode Images to Base64 Strings in 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn