Maison > interface Web > js tutoriel > Comment encoder une image PNG en Base64 en JavaScript ?

Comment encoder une image PNG en Base64 en JavaScript ?

Susan Sarandon
Libérer: 2024-12-16 06:59:09
original
380 Les gens l'ont consulté

How to Encode a PNG Image to Base64 in JavaScript?

Encodage Base64 avec JavaScript

Question :

Besoin d'aide pour encoder une image PNG en une chaîne Base64 à l'aide de JavaScript. Je sais comment ouvrir des fichiers mais je ne suis pas familier avec l'encodage de données binaires.

Réponse :

Utilisation de btoa() et atob()

Offres JavaScript les fonctions btoa() et atob() pour la conversion depuis et vers Base64 encodage.

Fonction btoa()

btoa() accepte une "chaîne" représentant un tableau d'octets de 8 bits. Le passage de chaînes contenant des caractères dépassant 8 bits peut provoquer un dysfonctionnement. Si vous travaillez avec du texte, vous devrez l'encoder au préalable.

Fonction atob()

atob() renvoie une "chaîne" avec chaque caractère représentant un octet de 8 bits. Cela n'implique pas ASCII ; cela suppose la gestion des données binaires.

Ressources supplémentaires

  • Comment charger des données d'image binaires à l'aide de JavaScript et XMLHttpRequest ?

Prise en charge du navigateur

btoa() et atob() ont tous deux prise en charge étendue du navigateur. Consultez les liens suivants pour obtenir des informations spécifiques sur la compatibilité :

  • https://caniuse.com/?search=atob
  • 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!

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