Распечатывает PDF-файл тарабарщины. Угловой 6

так выглядит двоичный файл.

Распечатывает PDF-файл тарабарщины. Угловой 6

Вот как я подписываюсь на метод, который извлекает файл pdf blob

public downloadDoc(token: any, docNumber: number) {
  this.loading = true;
  this._docService.getDocumentStreams(token, docNumber).subscribe(res => {
    this.loading = false;
    let file = new Blob([res._body], {
      type: 'application/pdf'
    });
    var fileURL = URL.createObjectURL(file);
    console.info(res)
    window.open(fileURL);
  }, (error => {
    console.info(`failed to download document: ${error}`);
  }))
}

вот метод в службе

public getDocumentStreams(token: any, docNumber: number): Observable < any > {
  const body = {
    'DocNo': docNumber,
    'StreamNo': 0
  };
  const headers = new Headers();

  headers.append('Content-Type', 'application/json');
  headers.append('Accept', 'application/json');
  headers.append('TenantName', 'idl');
  headers.append('UseToken', '1');
  headers.append('Authorization', 'Basic ' + window.btoa('webapi' + ':' + token));
  headers.append('responseType', 'arraybuffer'
    as 'json');

  return this.http.post(`${this._therefore_apiBase}/GetDocumentStreamRaw`, body, {
    headers: headers
  }).pipe(
    map((response) => {
      return response;
    }));
}

Это распечатает бредовый файл pdf, в чем может быть проблема

Вы пытались изменить свой responseType в заголовке запроса на application / pdf вместо arraybuffer

Saad Mehmood 17.12.2018 07:30

Да, у меня есть. не сработало

Muzi Jack 17.12.2018 07:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
95
0

Другие вопросы по теме