how to decode base64 encoded data into ascii in angularjs [duplicate]

Question

im getting json object from the api , in that object one field is encoded with base 64 format. after getting the response i need to decode the base64 data and need to show in the plain text. sample data

{"id":33132,"dataFormat":"TEVOOjA="}//base64 to ascii i.e LEN:0

desired output - LEN:0

 <script>
            var app = angular.module('myApp', []);
            app.controller('myCtrl', function ($scope, $http) {
                $http.get('url', {
                    headers: { 'Authorization': 'Basic a2Vybyt==' }
                })
                    .then(function (response) {
                   $scope.names = response.data;
                   $scope.EncodedData = names.dataFrame;
                   $scope.decodedFrame = atob(EncodedData);
                });
            });
    </script>
<h2>{{names.decodedFrame }}</h2>

See MDN Web API Reference -- window.atob().

georgeawg
– georgeawg

2017-01-03 04:13:11 +00:00
Commented Jan 3, 2017 at 4:13 — georgeawg
– georgeawg, Commented Jan 3, 2017 at 4:13

Nikhil Maheshwari · Accepted Answer · 2017-01-03 06:47:24Z

10

var string = 'Hello World!';

// Encode the String

var encodedString = btoa(string);
console.log(encodedString); // Outputs: "SGVsbG8gV29ybGQh"

// Decode the String

var decodedString = atob(encodedString);
console.log(decodedString); // Outputs: "Hello World!"

in Angular :

HTML :

<div ng-app ng-controller="LoginController">
  <div>encoded jsonData.dataFormat : {{ jsonData.dataFormat }}</div>
  <div>decoded jsonData.dataFormat : {{ decodedFrame }}</div>
</div>

JavaScript :

function LoginController($scope) {
  $scope.jsonData = {
    "id": 33132,
    "dataFormat": "TEVOOjA="
  };
  $scope.decodedFrame = atob($scope.jsonData.dataFormat)
}

JSFiddle : https://jsfiddle.net/nikdtu/2pwauuLu/

edited Jan 3, 2017 at 6:47

answered Jan 3, 2017 at 4:27

Nikhil Maheshwari

2,24821 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Swapna Over a year ago

i dnt have original text, i have to decode only encoded text

Nikhil Maheshwari Over a year ago

@Swapna: Use only Decode portion of above suggested code. encodedString = "TEVOOjA="; var decodedString = atob(encodedString); console.log(decodedString);

Swapna Over a year ago

thanks. how to send single value $scope.decodedFrame = atob(names.dataFrame);im using json object. in that one field is dataFrame that i need to decode

Swapna Over a year ago

thanks a lot @nikhil

Nikhil Maheshwari Over a year ago

@Swapna : Your Welcome !

Rui Silva · Accepted Answer · 2017-01-02 18:36:20Z

0

Try using a base64 encoder/decoder like this one.

answered Jan 2, 2017 at 18:36

Rui Silva

4331 gold badge5 silver badges14 bronze badges

Comments

georgeawg · Accepted Answer · 2017-01-03 04:23:26Z

0

s = atob("TEVOOjA=");
console.log(s); //LEN:0

See MDN Web API Reference -- window.atob()

answered Jan 3, 2017 at 4:23

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

how to decode base64 encoded data into ascii in angularjs [duplicate]

3 Answers 3

5 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Linked

Related