base 64 koduje i dekoduje ciąg w kątowym (2+)

88

Jak zakodować lub zdekodować ciąg w Angular 2 z base64 ??? Moje narzędzie front-end to Angular 2. Miałem ciąg hasła, przed przekazaniem go do API muszę zakodować base64. Ponieważ w usłudze zostanie zdekodowany ciąg zakodowany w base64.

Więc szukam jakiejś biblioteki kodowania / dekodowania base64 dla Angular2 / Typescript i niektórych opcji.

Dzięki!!!

angular typescript npm-install praveen kumar
źródło
2
developer.mozilla.org/en/docs/Web/API/WindowBase64/…
Thakur

Odpowiedzi:

183

Użyj btoa()funkcji do zakodowania:

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

Aby zdekodować, możesz użyć atob()funkcji:

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

Robby Cornelissen
źródło
2
Przed użyciem tego możesz zechcieć sprawdzić, czy docelowe przeglądarki obsługują to: caniuse.com/#search=btoa
edrian
@edrian Powinno być OK, o ile nie obsługujesz bardzo starej wersji IE.
Robby Cornelissen
jak zapisać zmienną jako bazę 64? Używam FileReader i otrzymuję jako wynik ciąg base64
virtualLast
7
Tylko słowo ostrzeżenia, że ​​btoa () i atob () nie obsługują znaków utf-8!
darwin
1
@Robert To powinno działać: stackoverflow.com/questions/30106476/…
darwin
2

Używaj btoa()do kodowania i atob()dekodowania

text_val:any="your encoding text";

Zakodowany tekst: console.log(btoa(this.text_val)); //eW91ciBlbmNvZGluZyB0ZXh0

Dekodowany tekst: console.log(atob("eW91ciBlbmNvZGluZyB0ZXh0")); //your encoding text

Yasintha
źródło
5
To niesamowite, że chcesz pomóc, ale ta odpowiedź nie dodaje żadnej dodatkowej wartości, ponieważ jest to kopia zaakceptowanej odpowiedzi. Na SO lubimy unikać powtórzeń. Rozważ usunięcie tej odpowiedzi.
ViG
1

Dla kodowania do base64 w Angular2 , można użyć btoa () funkcji.

Przykład:- 

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

Do dekodowania z base64 w Angular2 możesz użyć funkcji atob () .

Przykład:- 

console.log(atob("c3RyaW5nQW5ndWxhcjI=")); 
// Output:- stringAngular2
VIKAS KOHLI
źródło