Maison > interface Web > js tutoriel > Comment décoder des chaînes Base64 en ArrayBuffers en JavaScript ?

Comment décoder des chaînes Base64 en ArrayBuffers en JavaScript ?

Susan Sarandon
Libérer: 2024-11-17 20:06:02
original
739 Les gens l'ont consulté

How to Decode Base64 Strings to ArrayBuffers in JavaScript?

Décodage de chaînes Base64 en ArrayBuffer en JavaScript

En JavaScript, la conversion d'une chaîne Base64 en ArrayBuffer peut être effectuée sans utiliser de requêtes de serveur externe. Ce processus permet le traitement des données Base64 fournies par l'utilisateur dans le navigateur lui-même.

Pour réaliser cette conversion, les étapes suivantes peuvent être suivies :

function base64ToArrayBuffer(base64) {
    const binaryString = atob(base64); // Convert Base64 to raw binary string
    const bytes = new Uint8Array(binaryString.length); // Create new Uint8Array
    for (let i = 0; i < binaryString.length; i++) { // Loop through each char in binary string
        bytes[i] = binaryString.charCodeAt(i); // Set byte at index to corresponding code
    }
    return bytes.buffer; // Return converted ArrayBuffer
}
Copier après la connexion

Cette fonction commence par décoder le Base64 chaîne en utilisant la fonction native atob(), qui la transforme en chaîne binaire brute. Il crée ensuite un nouveau Uint8Array de la même longueur que la chaîne binaire et parcourt chaque caractère de la chaîne binaire. Pour chaque caractère, son point de code correspondant est extrait et attribué à l'octet approprié dans Uint8Array. Enfin, la propriété buffer de Uint8Array, qui représente le ArrayBuffer réel, est renvoyée comme résultat.

Pour démontrer son utilisation :

const base64String = "JVBERi0xLjQK";
const arrayBuffer = base64ToArrayBuffer(base64String);
Copier après la connexion

Dans cet exemple, la base64String est convertie à partir de l'encodage Base64. à un arrayBuffer en utilisant la fonction base64ToArrayBuffer(). Cet ArrayBuffer peut ensuite être traité davantage selon les besoins dans JavaScript.

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