बेस 64 एनकोड और एक स्ट्रिंग को कोणीय (2+) में डिकोड करता है


88

Base64 के साथ कोणीय 2 में एक स्ट्रिंग को कैसे एन्कोड या डिकोड किया जाए ??? मेरा फ्रंट-एंड टूल कोणीय 2 है। मेरे पास एक पासवर्ड स्ट्रिंग था, इसे एपीआई से पास करने से पहले मुझे base64 एनकोड करना होगा। चूंकि सेवा बेस 64 एन्कोडेड स्ट्रिंग को डिकोड किया जाएगा।

इसलिए मैं Angular2 / टाइपस्क्रिप्ट और कुछ विकल्पों के लिए कुछ बेस 64 एनकोड / डिकोड लाइब्रेरी की तलाश कर रहा हूं।

धन्यवाद!!!


जवाबों:


183

btoa()एन्कोड करने के लिए फ़ंक्शन का उपयोग करें :

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

डिकोड करने के लिए, आप atob()फ़ंक्शन का उपयोग कर सकते हैं :

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


2
इसका उपयोग करने से पहले आप पुष्टि करना चाहते हैं कि क्या आपके लक्षित ब्राउज़र इस का समर्थन करते हैं: caniuse.com/#search=btoa
edrian

@edrian तब तक ठीक होना चाहिए जब तक आप IE के बहुत पुराने संस्करण का समर्थन नहीं कर रहे हैं।
रॉबी कोर्नेलिसन

मैं बेस 64 के रूप में एक चर कैसे टाइप करूँगा? FileReader का उपयोग करके Im और परिणाम के रूप में base64 स्ट्रिंग प्राप्त कर रहा है
virtualLast

7
बस सावधानी का एक शब्द है कि btoa () और atob () utf-8 वर्णों का समर्थन नहीं करते हैं!
डार्विन

1
@Robert इस काम करना चाहिए: stackoverflow.com/questions/30106476/...
डार्विन


1

btoa()एनकोड के लिए और atob()डिकोड के लिए उपयोग करें

text_val:any="your encoding text";

एन्कोडेड पाठ: console.log(btoa(this.text_val)); //eW91ciBlbmNvZGluZyB0ZXh0

डिकोड किया हुआ पाठ: console.log(atob("eW91ciBlbmNvZGluZyB0ZXh0")); //your encoding text


5
यह भयानक है कि आप मदद करना चाहते हैं, लेकिन यह उत्तर किसी भी अतिरिक्त मूल्य को नहीं जोड़ता है, क्योंकि यह स्वीकृत उत्तर की एक प्रति है। SO पर हम पुनरावृत्ति से बचना पसंद करते हैं। कृपया इस उत्तर को हटाने पर विचार करें।
विजी

1

के लिए एन्कोडिंग के लिए बेस 64 में Angular2 , तो आप उपयोग कर सकते हैं btoa () समारोह।

उदाहरण:-

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

Angular2 में base64 से डिकोडिंग के लिए , आप atob () फ़ंक्शन का उपयोग कर सकते हैं ।

उदाहरण:-

console.log(atob("c3RyaW5nQW5ndWxhcjI=")); 
// Output:- stringAngular2
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.