如何显示从 api 返回的 PDF？

Question

I'm working on a JavaScript/React project and I have a GET endpoint that when I hit returns back a PDF. I am able to hit the endpoint successfully and am getting back a 200 success back but the response I'm getting back looks like something along the lines of....

%PDF-1.4 1 0 obj << /Title ( ) /Creator( ) /Producer( )....

Does anyone know how I can take this and turn it into the PDF file in a separate window or popup? All the solutions I have found are requiring me to have a pdf url or file to do this. I'm completely new to this and would really appreciate some help.

Answer 1

If you set the return content type to "application/pdf", your browser should display it correctly I think. How you set the content type depends on what you're using server side.

Answer 2

If you also develop the API, setting Content-Disposition header and Content-Type hader , it will be perfect.

Also do not use a button that call a fetch to the url, just use a link, a real not the react router Link

Answer 3

我认为您应该尝试从端点以 base64 URI 的形式发送您的 PDF 文件，以便您可以下载文件或在浏览器中打开它，您的 API 应该响应以下链接：

echo "data:application/pdf;base64,".base64_encode($YourFileHere);