Web APIサービスからのAngualrJS HTMLのバイト配列イメージの表示

Question

サービス用のAngularJSアプリケーションを構築しています。.NET C＃をコーディング目的で使用しています。彼らはBase64でスティングとして画像を送信しているし、ここでは、角HTML内にBase64を結合している

しかし、言ったアプローチで - 次のポストLoad image from C# Byte array and place image in html tag using AngularJSで述べたように今私は、コードの構造を次のようです。ロードのパフォーマンスが低下します。私の記事の1つでは、関連する回答がCompress a Byte Array Image without Scaling using .Net C#で、「Base64ではなく通常のデータを送信する」という文字列が記載されています。

のHTML <img />タグに、バイト配列イメージを表示する方法を教えてください。現在、私は以下を使用しています。

<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つの可能なアプローチを示しているフィドルを見てください。