How to upload and view pdf files in reactjs

If you find this video outdated then here is the updated version

Hello guys in this video you can learn how you can upload and view pdf files in reactjs.

Here is the complete code

To view pdf files, I have used react-pdf-viewer. You can read about it by clicking on the url below

could'nt understand what packages to install? no worries follow these steps

3- install pdf viewer default layout | npm install @react-pdf-viewer/default-layout
4- follow the video :)

If you want to learn about React and Local Storage CRUD with a todo app then this playlist might be for you

Music Used in this video
(I don't own the music and all the music credit goes to their respective owners. If you the owner want me to remove any music, I will do that)

1- Disfigure - Blank [NCS Release]

2- DEAF KEV - Invincible [NCS Release]

3- Alan Walker - Force [NCS Release]

[JSSolutions]

If you find this video outdated then here is the updated version.

[Gamer-nsnv]

Thx you for this video, you helped me a lot.

[isurumsoysa]

Thank you very much! Very useful to my project

[JSSolutions]

What js Solutions (anything related to JavaScript) do you want me to make tutorial of?

Give me ideas and suggestions. Thank you

[kapiljain]

i like your video, in my project i need to choose file by drag and drop or click here to select with preview of pdf along with upload button on the right side and on the left side in the text field to be filled when it hits and return from the API. please help me.

[coofzilla]

If you want to store these files, would you have to save it as an object on like amazing s3 or something?

[vaibhavkhushlani]

If i want to view pdf file of google drive is it possible ??

[ayushisharma]

Great tutorial !! what to do if you want your uploaded pdfs to stay on the page, like a list of your uploaded pdfs

[abdramanedicko]

Works perfectly. But is it possible to upload the pdf files already existing in the public folder or src folder? Is it possible to only show the pdf files, I mean with no possibility of downloading or printing them?

[yasminfathy]

make error in old react version and node 10
is there a solution for that?

[agustindominguez]

Hello thank you for this video. I have a problem, my code throws an exception saying "Invalid PDF structure". Can you help me?

[BhupendraKumar-hxuv]

if we have digital sign in the pdf doc it is not visible when it renders the document in the browser do you have any solution for it...!!

[yasminfathy]

when put pdf in iframe or object it runs well when open website from widows but when open in android from browser that gives an error and the pdf doesn't display
whats the solution ???

[khamisbadru]

Hello Hamza, the pdf library was working perfectly but after writting npm update (my project) i received this error The API version "2.10.377" does not match the Worker version "2.6.347". can you help me please? or anyone please

[IamRobertMTV]

my react-app will accept over 100 uploads of pdf and jpg files per day.

how can I keep the files?

where to deploy my app with the upload features?

I have a hostgator domain, can I do it there? how?

[aakankshashinde]

suppose i uploaded pdf today or need to view next day will that pdf present there or need to upload again

[charbelandary]

default layout plugin not working for me

[JSSolutions]

If you want to learn about React and Local Storage CRUD with a todo app then this playlist might be for you

[mohammedsayeed]

Hey I want to load a default pdf every time someone visits my site

[paokuesaolong]

Your vedio is good. How about uploading pdf file?