Menu
I receive file url as response from api. when user clicks on download button, the file should be downloaded without opening file preview in a new tab. How to achieve this in react js?
942
To Download File in React js It is simple to download file in React app just use the anchor tag in your react app just like this: <a href='../path/to/file. txt' download>Click Here to download</a> And this is how you can download file in react js app.
This is not related to React. However, you can use the download attribute on the anchor <a> element to tell the browser to download the file.
<a href='/somefile.txt' download>Click to download</a> This is not supported on all browsers: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
161
If you are using React Router, use this:
<Link to="/files/myfile.pdf" target="_blank" download>Download</Link> Where /files/myfile.pdf is inside your public folder.
21
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
