AngularJS - img ng-src na base64 dane (nie adres URL) nie działa

Question

Używam openfb-angular (biblioteka API Facebooka), aby uzyskać mnie/zdjęcie.
Dane zwrotu to "url" zawiera dane Base64 here is the facebook documentation.

Oto mój kod:

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}}"> 

To nie działa i mam pustą img tag.

Gdzie jest mój błąd?

Answer 1

Użyj dyrektywy data-ng-src podobnej do tej <img data-ng-src="{{data.image_url}}">.

w kontroler ustawiony base64 ciąg jak poniżej: $scope.data.image_url=<your base64 image source>

Nadzieja to pomaga!

Answer 2

Zastosowanie dyrektywy ng-source tak:

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

Nadzieja to pomaga.

Answer 3

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

Mam nadzieję, że to pomoże.