Base64 es un binario a texto Sistema de codificación que convierte datos binarios en un raíz-64 representación y luego la codifica como una cadena ASCII . Se utiliza con frecuencia para almacenar datos en archivos y enviar datos a través de Internet. Con funciones y módulos nativos de JavaScript, los datos Base64 se pueden codificar y decodificar fácilmente.
En este artículo, analizaremos cómo decodificar datos Base64 en JavaScript y cubriremos los siguientes temas:
- ¿Qué es Base64?
- Cómo decodificar datos Base64 en JavaScript usando funciones integradas
- Cómo decodificar datos Base64 en JavaScript usando una biblioteca de terceros
- Mejores prácticas para usar Base64 en JavaScript
1. ¿Qué es Base64?
A binario a texto sistema de codificación llamado Base64 muestra datos binarios como cadenas ASCII . Se logra convirtiendo los datos binarios en una representación conocida como raíz-64 , que emplea un conjunto de 64 caracteres para representar los datos binarios. El 26 mayúsculas y minúscula cartas de la alfabeto inglés , el 10 numerales , y entre estos personajes se encuentran dos caracteres adicionales que difieren según la implementación. El bloque de datos final se rellena con ceros si tiene menos de 6 bits, lo que lo convierte en 6 bits completos.
La codificación Base64 utiliza 6 bits por carácter para representar los datos binarios originales. Los datos se dividen en trozos de 6 bits y codificado en Base64, y cada fragmento está representado por un carácter del conjunto de caracteres Base64. Si el último fragmento de datos tiene menos de 6 bits, se rellena con ceros para que tenga 6 bits completos.
Base64 se usa comúnmente para transmitir datos a través de Internet y almacenar datos en archivos. Por ejemplo, se utiliza en archivos adjuntos de correo electrónico, imágenes HTML y tokens web JSON (JWT).
2. Cómo decodificar datos Base64 en JavaScript usando funciones integradas
En JavaScript, puede decodificar fácilmente datos Base64 utilizando funciones integradas, como de la A, a la B() . El función atob() toma una cadena codificada en Base64 como entrada y devuelve los datos binarios decodificados como una cadena.
A continuación se muestra un ejemplo de cómo utilizar de la A, a la B() para decodificar datos Base64:
primera computadora portátil
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
En este ejemplo, comenzamos con un Codificado en Base64 cadena SGVsbG8gV29ybGQh , que representa la cadena '¡Hola Mundo!' . Pasamos esta cadena al función atob() , que devuelve los datos binarios decodificados como una cadena. Después de eso, registramos la cadena decodificada en la consola.
Tenga en cuenta que el función atob() solo funciona con cadenas ASCII . Si los datos codificados en Base64 contienen caracteres que no son ASCII, es posible que necesite utilizar una biblioteca de terceros.
3. Cómo decodificar datos Base64 en JavaScript usando una biblioteca de terceros
Hay muchas bibliotecas de terceros disponibles para decodificar datos Base64 en JavaScript. Una biblioteca popular es js-base64 , que proporciona una API Base64 integral con soporte para Unicode y otras codificaciones.
Usar js-base64 , primero debe instalarlo usando un administrador de paquetes, como npm :
npm install js-base64
Una vez instalada, puede utilizar la biblioteca para decodificar datos Base64 de la siguiente 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 este ejemplo, primero importamos el js-base64 biblioteca usando requerir() función.
4. Mejores prácticas para usar Base64 en JavaScript:
Existen varias prácticas para usar Base64 en JavaScript, que incluyen:
1. Utilice Base64 para codificar datos binarios.
Base64 está diseñado para codificar datos binarios, como imágenes, audio y vídeo. No está diseñado para codificar datos de texto, como JSON o HTML .
2. Utilice bibliotecas de terceros para funciones avanzadas
Si necesitas trabajar con Unicódigo u otras codificaciones de caracteres, o si necesita manejar grandes cantidades de datos, es posible que desee utilizar un biblioteca de terceros . Algunas bibliotecas Base64 populares para JavaScript incluyen js-base64 y base64-js .
3. Sea consciente de los riesgos de seguridad
La codificación Base64 no proporciona ninguna seguridad por sí sola. Por lo tanto, debe evitar codificar datos confidenciales utilizando Base64 y siempre debe utilizar cifrado y otras medidas de seguridad para proteger sus datos.
4. Pruebe minuciosamente
Cuando trabaje con datos Base64, es importante probar minuciosamente su código para asegurarse de que funciona correctamente. Deberías probar para casos extremos , como grandes conjuntos de datos, caracteres no ASCII y entradas inesperadas, para garantizar que su código sea sólido y confiable.