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!!!

praveen kumar
fuente

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

Robby Cornelissen
fuente
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

Yasintha
fuente
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
VIKAS KOHLI
fuente