привязка изображения в угловых 5 эквивалентно привязке BitmapImage в silverlight c #

Question

Я пытаюсь переместить свой проект с Silverlight на Angular5.Мне нужно показать изображение на пользовательском интерфейсе.Я использую тот же сервис (в c #), который я использовал для silverlight, и он возвращает byte [] вместе с кучей данных в качестве объекта класса.Как преобразовать его в растровое изображение или что-нибудь еще и как связать это с <img class="immg-up img-ht-sp-2" src="data:image/png;base64," onerror="this.src='./images/image df.png'" /> в html.Я использую машинопись, и мне также нужно знать эквивалентный тип байта [] в c #.

Answer 1

Если вы собираетесь использовать URI данных для изображения, вам нужно либо вернуть текст Base64 из службы C #, либо преобразовать его в Base64 в коде Angular.

Предполагая, что этосделано и хранится в свойстве под названием imageData, это должно сделать это:

<img class="immg-up img-ht-sp-2" src="data:image/png;base64,{{imageData}}" onerror="this.src='./images/image df.png'" />