angularjs - 如何在angularjs中读取二进制数据

Question

我编写了一个从 $http 获取二进制数据的 api 服务。问题是我不知道如何使用该数据来显示图像。PS：二进制数据实际上是一个图像。

这是我的服务 API

getAvatar: function() {
    return $http({
      method  : 'GET',
      url     : 'domain.com',
      headers : {'Content-Type' : 'application/json'}
    });
  }

我的控制器

//get avatar
$scope.userAvatar = function() {
    Api.getAvatar()
    .then(function(result) {
        //success
        console.log(result.data); //this is the binary data
        $scope.avatarImage = result.data;
        }

    }, function(result) {
        //errors
    });

};

起初我认为 api 会给我的结果是一个 url，但结果是一个二进制文件。我必须先转换它吗？

Answer 1

我假设您的服务可能会返回任何图像的base64 编码数据字符串，avatarImage然后您将其绑定到控制器中。

然后简单地写在html中：

<img ng-src="{{avatarImage}}"/>

Answer 2

you can do this by creating a new image element

$img=$("<img src='data:image/gif;base64,"+result.data+"'/>"); //Assuming that the image was encoded as base64. Try this

$elem.append($img) whereever you want to insert it

Answer 3

查看ngSrc

这是一个例子：

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>