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
Libérer: 2024-11-20 00:40:03
original
492 Les gens l'ont consulté

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;
}
Copier après la connexion

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');
  }
});
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal