How to open a local PDF file in a tab?

Answered

English Lop posted this in #help-forum

English LopOP

2023-12-19T16:48:20.000Z

I have a PDF file in my public folder but I can't seem to load it

I've tried

<embed 
    src="/public/MyPDF.pdf" 
    type="application/pdf" 
    style={{width: '100%', height: '100vh'}}
  />

I've also tried

<iframe src="/public/MyPDF.pdf"
    style={{width: '100%', height: '100vh'}} 
    />

But I get 404s with both. I've also tried with and without 'use client'

Ideally I want to open just the pdf using the browser's own PDF viewer.

Answered by Ray

oh should be this

<object data="/MyPDF.pdf" type="application/pdf" width="100%" height="500px" />

6 Replies

2023-12-19T16:50:56.000Z

try

<object data="/public/MyPDF.pdf" type="application/pdf" width="100%" height="500px" />

English LopOP

2023-12-19T16:54:09.000Z

I get a blank white page, and this is in the dev tools

2023-12-19T16:57:03.000Z

oh should be this

<object data="/MyPDF.pdf" type="application/pdf" width="100%" height="500px" />

Answer

English LopOP

2023-12-19T16:58:51.000Z

had to change the height to screen but it works perfectly

thank you

2023-12-19T16:59:04.000Z

np please mark solution