Javascript Girl
  1. Javascript Girl
  3. AngularJS – img ng-src à base de données 64 (pas url) ne fonctionnent pas
Intereting Posts
Meilleure façon de prévenir l'injection SQL en utilisant Javascript ou C #? Ajouter javascript à un fichier XML transformé avec XSLT à l'aide d'un script Greasemonkey Variables "var", variables "this" et variables "globales" – dans un constructeur JavaScript Comment créer une horloge / minuterie JQuery Comment puis-je savoir si un événement provient de la touche Ctrl droite? Communiquer entre les onglets dom sans fenêtre ref Liez plus d'arguments d'une fonction déjà liée dans Javascript Différence entre chemin relatif et chemin absolu en javascript JQM / jquery-collagePlus Usage Issue IE iframe ne gère pas correctement la réponse application / json Comment obtenir le texte sélectionné dans un élément textarea par javascript? Comment désactiver l'autre case à cocher sur une seule case à cocher? NodeJS requête HTTP POST ERROR socket raccroche Répéter String – Javascript JQuery a imbriqué ces références

AngularJS – img ng-src à base de données 64 (pas url) ne fonctionnent pas

J'utilise openfb-angular (bibliothèque de l'API Facebook) pour m'obtenir / image .
Les données de retour sont "url" contient des données Base64 ici est la documentation de Facebook .

Voici mon code:

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

Cela ne fonctionne pas et je reçois une étiquette img vide.

Où est ma faute?

Utilisez la directive ng-source comme ceci: 

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

J'espère que cela t'aides.

Utilisez data-ng-src directive data-ng-src comme ceci <img data-ng-src="{{data.image_url}}"> .

Dans votre contrôleur, configurez la chaîne base64 comme ceci: $scope.data.image_url=<your base64 image source>

J'espère que cela t'aides! 

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

J'espère que cela t'aides.