AngularJS - img ng-src到base64数据(不是url)不工作

问题描述:

我正在使用 openfb-angular (Facebook API库)获取我/图片

返回数据是url,包含Base64数据这里是facebook文档

I'm using openfb-angular (Facebook API library) to get me/picture.
The return data is "url" contains Base64 data 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 标签。

It's not working and I get an empty img tag.

我的错误在哪里?

使用ng-source指令像这样:

Use ng-source directive like this:

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

希望这有帮助。