Блог

Главная - Вопросы по программированию - Получение URL-адреса изображения в Angular из API

Получение URL-адреса изображения в Angular из API

#angular

#angular

Вопрос:

Я перехожу по этой ссылке, чтобы показать изображение пользователя в пользовательском интерфейсе в Angular 10.

Я делаю это для POST-вызова

 return this.http.post<any>(url, taxProProfileServiceInput, { responseType: 'blob' as 'json' })
  .pipe(tap(response => {
    return response;
  }, err => this.handleError(err)));

Проблема в том, что я получаю ответ как

данные: текст / обычный; base64, aHR0cHM

В HTML:

     <img [src]="imageToShow"
 alt="Place image title" />

Но поскольку преобразованный тип — data:text / plain, src изображения не работает.
Я попытался заменить текст: обычный на изображение / png и изображение / jpeg, но ничего не работает.
Я прочитал много сообщений и статей, но каждый раз я получаю ответ в виде данных: текст / обычный.

Комментарии:

1. aHR0cHM декодирование — это просто https данные изображения, которые вы получаете?

2. данные: текст / обычный; base64, aHR0cHM, содержит больше символов, я урезал его только для этого поста .. проблема в том, что изображение [src] не будет понимать текст / обычный. И когда я перехожу к data:text / plain; base64, aHR0cHM в URL-адресе браузера: i дает мне ссылку на изображение в формате jpg.