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

Question

我正在使用openfb-angular（Facebook API库）来获取我/图片。
返回数据“url”包含Base64数据here is the facebook documentation。

这是我的代码：

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