Comment encoder et décoder des chaînes en Base64 à l'aide de JavaScript ?

Encodage et décodage de chaînes en Base64 avec JavaScript

Lorsque vous travaillez avec des données binaires, la nécessité de les encoder dans un format adapté à la transmission sur Internet ou le stockage dans une base de données se produisent souvent. JavaScript fournit un outil utile à cet effet : l'encodage Base64.

Encodage avec btoa()

Pour encoder une chaîne en Base64 à l'aide de JavaScript, vous pouvez utiliser le btoa( ) fonction. Cette fonction prend un paramètre de chaîne représentant un tableau d'octets de 8 bits et le convertit en chaîne codée en Base64. Par exemple :

<code class="javascript">const encodedString = btoa('Hello World!'); // Output: "SGVsbG8gV29ybGQh"</code>

Décodage avec atob()

Si vous avez une chaîne codée en Base64 et que vous souhaitez la décoder dans sa forme originale, vous pouvez utilisez la fonction atob(). Il renvoie une chaîne où chaque caractère représente un octet de 8 bits :

<code class="javascript">const decodedString = atob('SGVsbG8gV29ybGQh'); // Output: "Hello World!"</code>

Considérations

Il est important de noter que btoa() et atob() fonctionnent sur tableaux d'octets, donc si votre chaîne contient des caractères non-ASCII ou des données binaires, vous devrez peut-être l'encoder avant d'utiliser btoa(). De plus, la fonction atob() renvoie une chaîne binaire. Si vous souhaitez interpréter sa sortie comme une chaîne de texte, vous devrez peut-être la convertir en chaîne Unicode à l'aide de l'API Unicode.

Ressources alternatives

Pour plus d'informations sur la gestion des données binaires en JavaScript, vous pouvez vous référer aux ressources suivantes :

• [Comment charger des données d'image binaires à l'aide de Javascript et XMLHttpRequest ?](https://stackoverflow.com/questions/3422673 /how-do-i-load-binary-image-data-using-javascript-and-xmlhttprequest)

Compatibilité des navigateurs

Alors que la plupart des navigateurs modernes prennent en charge btoa() et atob(), il est toujours conseillé de vérifier leur disponibilité avant de les utiliser dans votre code. Vous pouvez utiliser des outils en ligne comme CanIUse pour vérifier leur compatibilité :

• [Atob](https://caniuse.com/?search=atob)
• [Btoa](https: //caniuse.com/?search=btoa)

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!