Afficher du contenu PDF obtenu par fetch

Bonjour à toutes et à tous,

J'ai une page web qui interroge une API à l'aide d'un fetch()
La réponse obtenue est le contenu d'un fichier PDF que je voudrait afficher dans un nouvel onglet

Voici mon code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

fetch("url_api", { method: 'POST', body: formData,   }).then((response) => response.text()) .then((text) =>{   var newWindow = window.open();   newWindow.document.write( text); }

---

Ce code ouvre bien un nouvel onglet au lieu d'afficher le PDF, j'ai "sa description"

Citation:

---

%PDF-1.5 2 0 obj << /Filter /FlateDecode /Length 8 /Length1 0 >> stream x

endstream endobj 3 0 obj << /Type /Page /Parent 1 0 R /MediaBox [0 0 842.25 595.50 ] /Resources
.......
......
/Root 5 0 R /Info 4 0 R /ID [] >> startxref 732 %%EOF

---

Est-ce que quelqu'un a une solution pour l'afficher "proprement"?

Bonjour,
regarde du côté de response.blob() plutôt que d'utiliser response.text().

Ressources :

• Response: blob() method
• L'objet Blob sur MDN
• L'objet Blob sur javascript.info

Bonjour,

Merci pour le coup de pouce!

Je ne suis pas arrivé à mes fins avec response.blob() mais j'ai trouvé un plan B
Une autre version de l'api me permet d'avoir le contenu du PDF codé en base 64 du coup j'ai ça qui fonctionne!

Code:

---

1 2 3 4 5 6 7 8 9

fetch("url_apiV2", { method: 'POST', body: formData,   }).then((response) => response.text()) .then((myText) =>{   var newWindow = window.open(); newWindow.document.write( '<embed src="data:application/pdf;base64,'+myText+'" width="100%" height="100%" type="application/pdf"/>');

---