Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

368
Vistas
How to display a pdf file return from REST API in pop-up

I have a REST API that will return a file in base64 string. I have already be able to convert it back to file data to let user download the file in client-side when click on the link. The code is as below:

if(link !== undefined && link !== null && link.trim() !== ""){
    var setting = [];
    var urlGet = link; //example: "../API/fileDownload?directory=AAA&filename=BBB.pdf";
    const httpGet = new XMLHttpRequest();
    httpGet.open('GET', urlGet, false);
    httpGet.send();
    var returnText = httpGet.responseText;
    var returnStatus = httpGet.status;
    if(returnStatus == "200"){
        setting = JSON.parse(returnText);
    }
    if(setting !== undefined && setting !== null ){
        var filename = setting.filename;
        var data = setting.data;
        var content = setting.content;
        
        var hiddenElement = document.createElement('a');
        hiddenElement.href = 'data:' + data + ';base64,' + content;
        hiddenElement.target = '_blank';
        
        //provide the name for the file to be downloaded
        hiddenElement.download = filename;
        hiddenElement.click();
    }
}

However, now, I was ask to add a function that will open the file in a pop-up if it is a pdf. Let ignore the check to see if the file is pdf (just assume all files will be pdf), can you help me change the above code to do this.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda