Maison > interface Web > js tutoriel > Comment convertir une chaîne Base64 en ArrayBuffer en JavaScript ?

Comment convertir une chaîne Base64 en ArrayBuffer en JavaScript ?

Patricia Arquette
Libérer: 2024-11-27 14:34:14
original
960 Les gens l'ont consulté

How to Convert a Base64 String to an ArrayBuffer in JavaScript?

Conversion d'une chaîne Base64 en ArrayBuffer en JavaScript

Problème :

Vous souhaitez transformer une chaîne codée en base64 en un ArrayBuffer, travaillant spécifiquement avec les entrées utilisateur à partir d'e-mails qui ne sont pas disponibles au chargement de la page. Votre objectif est d'effectuer cette conversion sans interaction de serveur externe.

Solution :

Pour réaliser cette conversion de manière native en JavaScript, vous pouvez tirer parti des étapes suivantes :

  1. Décoder la chaîne Base64 :

    Utilisez le Fonction atob() pour décoder la chaîne base64 en une chaîne binaire.

  2. Créez un ArrayBuffer :

    Créez un nouveau Uint8Array avec une longueur égale à la longueur de la chaîne binaire.

  3. Convertir vers ArrayBuffer :

    Parcourez chaque caractère de la chaîne binaire, convertissez-le en un point de code Unicode et stockez-le dans ArrayBuffer.

Exemple d'implémentation :

Vous trouverez ci-dessous une fonction JavaScript qui exécute le base64 sur ArrayBuffer conversion :

function base64ToArrayBuffer(base64) {
    var binaryString = atob(base64);
    var bytes = new Uint8Array(binaryString.length);
    for (var i = 0; i < binaryString.length; i++) {
        bytes[i] = binaryString.charCodeAt(i);
    }
    return bytes.buffer;
}
Copier après la connexion

Utilisation :

Vous pouvez utiliser cette fonction pour convertir une chaîne codée en base64 en un ArrayBuffer :

var base64String = "yourBase64StringHere";
var arrayBuffer = base64ToArrayBuffer(base64String);
Copier après la connexion

Vous avez maintenant converti avec succès la chaîne base64 en ArrayBuffer, vous permettant de travailler avec des données binaires sans appels de serveur externe.

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