Maison >interface Web >js tutoriel >Comment convertir un blob en chaîne Base64 à l'aide de JavaScript ?

Comment convertir un blob en chaîne Base64 à l'aide de JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-20 00:40:03520parcourir

How to Convert a Blob to a Base64 String Using JavaScript?

Convertir un objet Blob en chaîne Base64 avec FileReader

Pour convertir un objet Blob en chaîne Base64, vous pouvez utiliser l'API FileReader comme suit :

var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
  var base64data = reader.result;
}

La méthode readAsDataURL code l'objet Blob en Base64. L'événement onloadend se déclenchera une fois l'encodage terminé et la chaîne Base64 résultante sera accessible via la variable base64data.

Utiliser jQuery

jQuery fournit un moyen simple de obtenir le même résultat avec le code suivant :

$.ajax({
  url: '<api-endpoint>',
  type: 'POST',
  contentType: false,
  processData: false,
  data: blob,
  success: function(data, status, xhr) {
    var base64data = xhr.getResponseHeader('Content-Type');
  }
});

La méthode getResponseHeader peut être utilisée pour extrayez la chaîne codée en Base64 de la réponse du serveur.

Remarque : La chaîne Base64 résultante inclura la déclaration d'URL de données, qui doit être supprimée si seules les données codées sont souhaitées. Ceci peut être réalisé en supprimant le préfixe "data:/;base64" du résultat.

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