Отображение байт-массива Изображение в AngualrJS HTML из службы веб-API

Question

Я создаю приложение AngularJS для службы. Я использую .NET C# для целей кодирования. Теперь я следую Структуре кода, как указано в следующей статье Load image from C# Byte array and place image in html tag using AngularJS -

Но в этом подходе они отправляют изображение в виде Base64 Sting, и здесь мы привязываем Base64 в Angular HTML. Это ухудшает производительность загрузки. В одном из моих сообщений я получил соответствующий ответ Compress a Byte Array Image without Scaling using .Net C#, он заявил, что строка «Отправить данные обычная, а не Base64».

Просьба помочь мне, как отобразить изображение байтового массива в HTML <img /> Tag. В настоящее время я использую следующие двоичные данные изображения

<img ng-src="data:image/jpeg;base64,{{ image.Content }}" /> 

Answer 1

вызова с помощью функции контроллера, как это (в качестве возможного решения, пожалуйста, см ссылку на Fiddle).

<img data-ng-src="{{getImage(image.Content)}}" /> 

$scope.getImage = function(data){ 
    return 'data:image/jpeg;base64,' + data; 
} 

Посмотрите на скрипку, показывающую 2 возможных подхода. JSFiddle as example