Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.03.2019, 13:25
Интересующийся
Отправить личное сообщение для kotelok Посмотреть профиль Найти все сообщения от kotelok
 
Регистрация: 27.08.2018
Сообщений: 19

Показать картинку из массива
Подскажите, как загрузить картинку на страницу из кода?

В 'ngOnInit' идёт обращение к API, который, помимо прочего, возвращает картинку в base64.

Как эту картинку вывести в тэг <img> на странице?

На странице:
<img [src]="accountForm.controls.captchaImage" width="100" height="50">
В ts-коде:
this.accountForm.controls["captchaImage"].setValue("data:image/jpeg;base64," + captcha.picture);


Но при этом браузер всё равно пытается делать GET-запрос для получения картинки напрямую с сервера.

P.S.: картинка точно корректная, т.е. все он-лайн сервисы её корректно из base64 разбирают и показывают в виде картинки.

Последний раз редактировалось kotelok, 04.03.2019 в 13:32.
Ответить с цитированием
  #2 (permalink)  
Старый 04.03.2019, 14:02
Интересующийся
Отправить личное сообщение для kotelok Посмотреть профиль Найти все сообщения от kotelok
 
Регистрация: 27.08.2018
Сообщений: 19

Всё, разобрался. Почему-то 'src' не биндится на контролы реактивной формы. А если просто в классе компонента разместить паблик-свойство и в него картинку записать, то всё корректно отображается.
<img [src]="captchaImg" width="100" height="50">
Ответить с цитированием
  #3 (permalink)  
Старый 27.03.2019, 16:12
Аспирант
Отправить личное сообщение для d.skuratovich Посмотреть профиль Найти все сообщения от d.skuratovich
 
Регистрация: 19.09.2014
Сообщений: 72

Так ты биндишь контрол, а не его значение, поэтому и не работает
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обход многомерного массива с задержкой после каждого цикла Walk Общие вопросы Javascript 2 14.08.2017 16:17
как загрузить картинку из массива Belai Javascript под браузер 3 07.02.2014 22:52
Как правильно забрать картинку с сервера? Serh AJAX и COMET 4 30.07.2012 13:05
Показать и спрятать картинку martinss Events/DOM/Window 2 02.04.2011 19:34
Показать картинку в зависимости от значения переменной arahmanov Общие вопросы Javascript 1 29.01.2011 15:07