• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

293
Views
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 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error