Base 64 és un binari a text sistema de codificació que converteix dades binàries en a radix-64 representació i després la codifica com a Cadena ASCII . S'utilitza amb freqüència per emmagatzemar dades en fitxers i enviar dades a través d'Internet. Amb funcions i mòduls JavaScript natius, les dades Base64 es poden codificar i descodificar fàcilment.
En aquest article, parlarem de com descodificar dades de Base64 en JavaScript, tractant els següents temes:
- Què és Base64?
- Com descodificar dades Base64 en JavaScript mitjançant funcions integrades
- Com descodificar dades Base64 en JavaScript mitjançant una biblioteca de tercers
- Bones pràctiques per utilitzar Base64 a JavaScript
1. Què és Base64?
A binari a text sistema de codificació anomenat Base 64 mostra dades binàries com Cordes ASCII . S'aconsegueix convertint les dades binàries en una representació coneguda com a radix-64 , que empra un conjunt de 64 caràcters per representar les dades binàries. El 26 majúscules i minúscula lletres de la alfabet anglès , el 10 xifres , i dos caràcters addicionals que difereixen segons la implementació es troben entre aquests caràcters. El bloc de dades final s'omple de zeros si és inferior a 6 bits, de manera que és de 6 bits complets.
La codificació Base64 utilitza 6 bits per caràcter per representar les dades binàries originals. Les dades es divideixen en Trossos de 6 bits i codificat en Base64, i cada tros està representat per un caràcter del conjunt de caràcters Base64. Si l'últim tros de dades és inferior a 6 bits, s'emplena amb zeros per fer-lo de 6 bits.
Base64 s'utilitza habitualment per transmetre dades a través d'Internet i emmagatzemar dades en fitxers. Per exemple, s'utilitza en fitxers adjunts de correu electrònic, imatges HTML i fitxes web JSON (JWT).
2. Com descodificar dades Base64 en JavaScript mitjançant funcions integrades
A JavaScript, podeu descodificar fàcilment les dades de Base64 mitjançant funcions integrades, com ara atob() . El funció atob(). pren una cadena codificada en Base64 com a entrada i retorna les dades binàries descodificades com a cadena.
Aquí teniu un exemple de com utilitzar-lo atob() per descodificar dades Base64:
cadena a la matriu java
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
En aquest exemple, comencem amb a Codificada en Base64 corda SGVsbG8gV29ybGQh , que representa la cadena 'Hola món!' . Passem aquesta cadena al funció atob(). , que retorna les dades binàries descodificades com a cadena. Després d'això, registrem la cadena descodificada a la consola.
Tingueu en compte que el funció atob(). només funciona amb Cordes ASCII . Si les dades codificades en Base64 contenen caràcters no ASCII, és possible que hàgiu d'utilitzar una biblioteca de tercers.
3. Com descodificar dades Base64 en JavaScript mitjançant una biblioteca de tercers
Hi ha moltes biblioteques de tercers disponibles per descodificar dades Base64 en JavaScript. Una biblioteca popular és js-base64 , que proporciona una API Base64 completa amb suport per a Unicode i altres codificacions.
Usar js-base64 , primer heu d'instal·lar-lo mitjançant un gestor de paquets, com ara npm :
npm install js-base64
Un cop instal·lada, podeu utilitzar la biblioteca per descodificar les dades de Base64 de la següent manera:
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
En aquest exemple, primer importem el fitxer js-base64 utilitzant la biblioteca requerir () funció.
4. Pràctiques recomanades per utilitzar Base64 a JavaScript:
Hi ha diverses pràctiques per utilitzar Base64 a JavaScript, com ara:
1. Utilitzeu Base64 per codificar dades binàries
Base 64 està dissenyat per codificar dades binàries, com ara imatges, àudio i vídeo. No està pensat per codificar dades de text, com ara JSON o HTML .
2. Utilitzeu biblioteques de tercers per a funcions avançades
Si necessites treballar amb Unicode o altres codificacions de caràcters, o si necessiteu manejar grans quantitats de dades, és possible que vulgueu utilitzar a biblioteca de tercers . Algunes biblioteques de Base64 populars per a JavaScript inclouen js-base64 i base64-js .
3. Ser conscient dels riscos de seguretat
La codificació Base64 no proporciona cap seguretat per si sola. Per tant, hauríeu d'evitar la codificació de dades sensibles amb Base64 i sempre hauríeu d'utilitzar el xifratge i altres mesures de seguretat per protegir les vostres dades.
4. Prova a fons
Quan treballeu amb dades Base64, és important provar el vostre codi a fons per assegurar-vos que funciona correctament. Hauries de provar casos de vora , com ara grans conjunts de dades, caràcters no ASCII i entrades inesperades, per garantir que el vostre codi sigui robust i fiable.