InicioCurso de Consumo de APIs REST con Angular
Curso de Consumo de APIs REST con Angular
3

Manipular documentos desde HTTP

Kevin
KevinFiorentino
70287

Siempre he tenido problemas descargando archivos desde un S3, o cualquier otra fuente de archivos, porque Chrome los descarga directamente y Firefox los abre en una nueva ventana y es un problema manipularlos. Lo que suelo hacer es:

  1. Desde el backend, enviar un buffer de datos al front-end en el endpoint.
  2. Hacemos un fetch para obtener el buffer del PDF:
  getPDF(): Promise<any> {
    return fetch(`url/to/pdf`, 
      { method: 'GET', }
    );
  }
  1. Cuando se resuelve la promesa, convertimos el buffer en un objeto Blob y creamos una URL temporal con URL.createObjectURL() para finalmente abrirla en una nueva pestala con window.
  openPDF(): void {
    this.getPDF()
      .then(response => response.blob())
      .then(pdf => {
        if (pdf) {
          window.open(URL.createObjectURL(pdf), '_blank');
        }
      })
      .catch(err => { 
        console.log(err);
      });
  }
0
hace 3 años
Escribe tu comentario
+ 2

Entradas relacionadas

2

Agregar token a todos los request usando interceptors

Contexto: Al realizar una llamada a una API rest es muy probable que se use un token de autenticación. Con el fin de no insertar ese token
danielboggiano
danielboggiano