AngularJS - base64 verisi (url değil) için img ng-src çalışmıyor

Question

me/picture numaralı telefonu kullanmak için kullanıyorum (Facebook API kütüphanesi).
Dönüş verileri "url", Base64 verisi here is the facebook documentation'u içerir.

İşte benim kodudur:

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

İşe yaramıyor ve boş bir img etiketi olsun.

Hatam nerede?

Answer 1

<img data-ng-src="{{data.image_url}}"> gibi data-ng-src yönergesini kullanın. Bu gibi kontrolör set base64 dizesi

: Bu yardımcı olur $scope.data.image_url=<your base64 image source>

Umut! Böyle

Answer 2

Kullanım ng kaynak direktifi: Bu yardımcı olur

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

Umut.

Answer 3

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

Bu yardımcı olur umarım.