base 64 codifica y decodifica una cadena en angular (2+)


84

¿Cómo codificar o decodificar una cadena en angular 2 con base64? Mi herramienta de front-end es Angular 2. Tenía una cadena de contraseña, antes de pasarla a la API necesito codificar en base64. Dado que en el servicio se decodificará la cadena codificada en base64.

Así que estoy buscando una biblioteca de codificación / decodificación base64 para Angular2 / Typescript y algunas opciones.

¡¡¡Gracias!!!


Respuestas:


177

Utilice la btoa()función para codificar:

console.log(btoa("password")); // cGFzc3dvcmQ=

Para decodificar, puede utilizar la atob()función:

console.log(atob("cGFzc3dvcmQ=")); // password


2
Antes de usar esto, es posible que desee confirmar si sus navegadores de destino lo admiten: caniuse.com/#search=btoa
edrian

@edrian Debería estar bien siempre que no sea compatible con una versión muy antigua de IE.
Robby Cornelissen

¿Cómo encasillaría una variable como base 64? Estoy usando FileReader y obteniendo una cadena base64 como resultado
virtualLast

7
Solo una advertencia de que btoa () y atob () no admiten caracteres utf-8.
darwin

1
@Robert esto debería funcionar: stackoverflow.com/questions/30106476/…
darwin


1

Usar btoa()para codificar y atob()decodificar

text_val:any="your encoding text";

Texto codificado: console.log(btoa(this.text_val)); //eW91ciBlbmNvZGluZyB0ZXh0

Texto decodificado: console.log(atob("eW91ciBlbmNvZGluZyB0ZXh0")); //your encoding text


5
Es increíble que quieras ayudar, pero esta respuesta no agrega ningún valor adicional, ya que es una copia de la respuesta aceptada. En SO nos gusta evitar la repetición. Considere eliminar esta respuesta.
ViG

1

Para codificar en base64 en Angular2 , puede usar la función btoa () .

Ejemplo:-

console.log(btoa("stringAngular2")); 
// Output:- c3RyaW5nQW5ndWxhcjI=

Para decodificar desde base64 en Angular2 , puede usar la función atob () .

Ejemplo:-

console.log(atob("c3RyaW5nQW5ndWxhcjI=")); 
// Output:- stringAngular2
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.