AngularJS - img ng-src到base64数据（不是url）不工作 [英] AngularJS - img ng-src to base64 data (not url) not working

问题描述

我正在使用 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}}" >

希望这有帮助。

这篇关于AngularJS - img ng-src到base64数据（不是url）不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！