как читать двоичные данные в angularjs

Я написал службу api, которая извлекает двоичные данные из $ http. Проблема в том, что я не знаю, как использовать эти данные для отображения изображения. PS: двоичные данные на самом деле являются образом.как читать двоичные данные в angularjs

Это моя служба апи

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 
    }); 

};

Сначала я думал, что результат, что апи даст мне это URL, но оказывается, бинарный. Должен ли я сначала преобразовать его?

источник

2013-08-27 user2720708

Если ваш API построен для возврата двоичных данных, то, конечно, если это изображение и закодировано правильно, зачем использовать ajax? почему бы просто не установить это как src элемента IMG? – Richard

Я предполагаю, что ваше обслуживание может возвращать base64 encoded string of data для любого изображения, которое вы затем привязываете к avatarImage в вашем контроллере.

Тогда просто написать в HTML:

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

источник

2013-08-27 08:37:12 codef0rmer

получается довольно прямолинейно. Ха-ха. спасибо за всю помощь :) – user2720708

Ничего себе ты сделал мой день! –

вы можете сделать это путем создания нового элемента изображения

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

$elem.append($img) везде, где вы хотите, чтобы вставить его

источник

2013-08-27 08:39:11

Chek из ngSrc

Ниже приведен пример:

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

источник

2013-08-27 09:34:11

как читать двоичные данные в angularjs

ответ

Смежные вопросы