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

AngularJS - img ng-src to base64 data (not url) not working

本文关键字：不是 url 不起作用 数据 base64 img ng-src AngularJS      更新时间：2023-09-26

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

相关文章：