AngularJS - img ng-src a base64 dati (non url) non funzionanti

Question

Sto utilizzando openfb-angular (libreria API di Facebook) per ottenere me/immagine.
Il dato di ritorno è "url" contiene i dati Base64 here is the facebook documentation.

Ecco il mio codice:

JS

OpenFB.get('/me/picture', {format: 'json'}).success(function (imgData) 
     { 
      $scope.main.user.imageData = imgData; 
     }); 

HTML

<img ng-src="data:image/jpg;base64,{{main.user.imageData}}"> 

Non funziona e ottengo una img tag vuoto.

Dov'è il mio errore?

Answer 1

Utilizzare la direttiva data-ng-src come questa <img data-ng-src="{{data.image_url}}">.

Nel vostro controller impostare stringa Base64 come questo: $scope.data.image_url=<your base64 image source>

Spero che questo aiuti!

Answer 2

Usa direttiva ng-source come questo:

<img ng-src="{{'data:image/png;base64,'+main.user.imageData}}" > 

Spero che questo aiuti.

Answer 3

<img data-ng-src="data:image/png;base64,{{main.user.imageData}}"/> 

Spero che questo aiuti.