Привязка изображения в angular 5, эквивалент привязки BitmapImage в silverlight C#
Я пытаюсь перенести свой проект с 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. Я использую машинописный текст, и мне также нужно знать эквивалентный тип byte [] в C#.
Ответы 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'" />
Да все верно. Я пропустил это, потому что не так важно, откуда берется, как то, как выполняется привязка.
public imageData: string;и можете ли вы сказать тип вместо строки в машинописном тексте