Maison  >  Article  >  interface Web  >  Comment encoder une image PNG en chaîne Base64 en JavaScript ?

Comment encoder une image PNG en chaîne Base64 en JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-01 08:45:30523parcourir

How to Encode a PNG Image to a Base64 String in JavaScript?

Encodage et décodage Base64 en JavaScript

Question :

Comment une image PNG peut-elle être encodé dans une chaîne Base64 en JavaScript ?

Réponse :

JavaScript fournit le btoa() et atob() fonctions d'encodage et de décodage Base64.

Explication :

Encodage en Base64 :

  • btoa () accepte une "chaîne" représentant des valeurs d'octets de 8 bits.
  • Si la chaîne d'entrée contient des caractères autres que 8 bits, des erreurs d'encodage peuvent survenir.

Décodage depuis Base64 :

  • atob() renvoie une "chaîne" avec chaque caractère représentant une valeur d'octet de 8 bits.
  • Le le résultat n'est pas ASCII, sauf si l'entrée était déjà une donnée binaire codée en ASCII.

Remarques supplémentaires :

  • Les navigateurs plus anciens peuvent ne pas prendre en charge btoa() et atob(). Vérifiez à l'aide de CanIUse : https://caniuse.com/?search=atob
  • Pour plus d'informations sur le chargement de données d'image binaires en JavaScript, reportez-vous à : https://stackoverflow.com/questions/9354592/how- faire-i-load-binary-image-data-using-javascript-and-xmlhttprequest

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!

Déclaration:
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