Downloading a pdf in react with a button?

Question

I have an anchor tag (a href) defined with the path for my resume. The resume is in the public folder in a folder but when i click on the "My CV" button all i get back is Failed no file?

The anchor tag and button

files & folders

did you checked this https://stackoverflow.com/questions/50694881/how-to-download-file-in-react-js — Tr0jAn, Jul 13 '22 at 09:57

score 1 · Answer 1 · answered Jul 13 '22 at 10:04

1

just checked on my code, seems you need to place a tag inside the button not above:

<button>
    <a
        href='/pathToPdf.pdf'
        target='_blank'
        rel='noopener noreferrer'
    >
        RESUME
    </a>
</button>

answered Jul 13 '22 at 10:04

antokhio

1,497
2
11
16

score 0 · Answer 2 · edited Jul 14 '22 at 03:09

0

As i see remove {} from href attribute because it's not JavaScript code then in download meta-attribute you should put your file extenstion ".pdf"

   <button>    
     <a
     href="./public/file.pdf"
     download="mycv.pdf">
     Save
     </a>    
    </button>

edited Jul 14 '22 at 03:09

Adarsh Madrecha

6,364
11
69
117

answered Jul 13 '22 at 10:08

Monam Ben Gouta

11
3

Downloading a pdf in react with a button?

2 Answers2