AngularJS - img ng-src到base64数据（不是url）不起作用

Question

我正在使用openfb-angular （Facebook API库）来获取我/图片 。
返回数据是“url”，包含Base64数据， 这里是facebook文档 。

这是我的代码：

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

它没有用，我得到一个空的img标签。

我的错误在哪里？

Answer 1

像这样使用ng-source指令：

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

希望这可以帮助。

Answer 2

像这样使用data-ng-src指令<img data-ng-src="{{data.image_url}}"> 。

在你的控制器中设置base64字符串，如下所示： $scope.data.image_url=<your base64 image source>

希望这可以帮助！

Answer 3

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

希望这可以帮助。

Answer 4

在Angular 7中，这将是：

<img [src]="'data:image/png;base64,' + main.user.imageData" />