display in a new tab a pdf recieved from http response in Angular

Question

I'm recieving a pdf as ResponseEntity<> that its a call I must do from a java api with the following endpoint link that I checked it works in Postman http://localhost:8093/api/recibirPDF (I can see the pdf ins postman), this endpoint is a file it's a pdf file, what i'm trying to do it's display this pdf in a new tab so the client could download it

I checked these:

But is not working for me I would need a guide on how to approach I have the resquest like this in the service:

    recibirPDF(): any{
    return this.httpClient.get(`${this.baseURL + '/recibirPDF'}`, {responseType: 'application/pdf'}).subscibe(
    //TODO (receive pdf so i can show it in a new tab)
data => console.log('request done')
    );
    }

When I launch the app it works without errors even the console.log('request done')

score 0 · Answer 1 · answered Oct 13 '22 at 10:20

0

You don't need to make any http call. Simply by using below code should open a new tab.

window.open(url, '_blank').focus();

answered Oct 13 '22 at 10:20

Akash Veer

160
2
14

I need make the call because the pdf it's genetared in the backend so I need to call the api in order to receive the pdf file – francesco14 Oct 13 '22 at 10:33
You mentioned the above API directly returns you the PDF so why do you want to make that call through Angular. I would suggest you to try simply running this URL in one of the tabs and see. – Akash Veer Oct 13 '22 at 11:08
wow I did not noticed that, it works fine now...thanks – francesco14 Oct 13 '22 at 11:17
Please accept the answer if you feel it resolved your issue. Thanks – Akash Veer Oct 13 '22 at 11:22
I have not enough reputation to validate your answer sorry – francesco14 Oct 14 '22 at 08:05

display in a new tab a pdf recieved from http response in Angular

1 Answers1