Salut à tous, Sarah de Toronto ici. Lorsque j'ai commencé à apprendre React et le développement Web, je n'arrêtais pas de tomber sur ces chaînes massives de caractères aléatoires qui commençaient par « data:image/png;base64, ».
Je n'avais aucune idée de ce qu'ils étaient jusqu'à ce qu'un développeur senior me l'explique. Maintenant, je vais vous l'expliquer.
Qu'est-ce que Base64 ?
Les ordinateurs communiquent en binaire (0 et 1). Cependant, de nombreux protocoles plus anciens (comme les protocoles de messagerie électronique et de texte HTTP de base) ont été conçus pour gérer uniquement les caractères de texte ASCII sécurisés (comme A-Z et 0-9).Si vous essayez d'envoyer un fichier image brut (qui est binaire) via un système texte uniquement, cela échoue.
Base64 est simplement une méthode de traduction. Il prend des données binaires brutes et les traduit en 64 caractères ASCII sécurisés et imprimables.
Quand faut-il l'utiliser ?
1. Intégration de petites icônes : Au lieu de demander au navigateur de télécharger une petite image de 2 Ko, vous pouvez convertir cette image en Base64 et la coller directement dans votre CSS ou HTML. 2. Authentification API : Les en-têtes d'authentification de base nécessitent que vous encodiez en Base64 votre chaîne `nom d'utilisateur: mot de passe`.Chaque fois que j'ai besoin d'encoder rapidement une image ou de décoder une chaîne sécurisée, j'utilise simplement le Base64 Encoder/Decoder sur FreeClientToolbox. C'est rapide, ne nécessite pas de backend et fait le travail instantanément.