我正在使用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
标签。
我的错误在哪里?
像这样使用 ng-source 指令:
<img ng-src="{{'data:image/png;base64,'+main.user.imageData}}" >
希望这有帮助。
像这样使用data-ng-src
指令<img data-ng-src="{{data.image_url}}">
.
在控制器中,将 base64 字符串设置为如下: $scope.data.image_url=<your base64 image source>
希望这有帮助!
<img data-ng-src="data:image/png;base64,{{main.user.imageData}}"/>
希望这有帮助。
在 Angular 7 中,这将是:
<img [src]="'data:image/png;base64,' + main.user.imageData" />