How to upload PDF files in React js Node js Mongo Db using Multer | Upload files with multer Node js

Hello Guys,

In this tutorial I have shown you how you can upload pdf in React JS. To do this we will take the help of multer in node js which will be responsible to store our pdf file at some particular location after that we will store the name of that file to mongo db. At last we will retrieve the pdf from mongo db and show it inside our react js application with the help of React-Pdf.

Frontend Code:

Backend Code:

Please Subscribe to my channel. Do share the video.

Thank You.

[AneesPGP]

thanks brother...
You saved my day. I've been struggling with this for last 2 days straight...
thanks alot

[teddy]

what i've been searching for. Thank You

[auroralitheroy]

Thanks. I am able to complete my project watching only your video..

[pnpcre.....]

Thanks, very helpful. Really thanks.

[geanselle]

You are a god to me now. Thank you so much.

[studywithbii]

If it works for me, truly, I’m gonna pray for you to get all the things you want in this life❤

[gopinathkrm]

I have a doubt how to handle the validation in the backend for the title (because even if title is not present file upload is happening)

I have the same case, but with image upload with title and description. If title or description is not present in the request then no need to upload, only when all 3 (title, description and proper image is present ) then only upload. But in my case the upload is happening (with valid image, but without title or description given). How to handle this scenario ?

I need to prevent the upload process if a title or description is not present

[sanzzz]

Bro i wanna attach image of pdf and pdf itself and display respectively, how do i do it

[rafiuzzamanafridi]

can we upload both images, pdf with separate multer middleware & having both together >? if yes suggest some resources

[anisoueslati]

i get this error
Module not found: Error: Can't resolve

[hoangng]

The physical pdf is actually stored in your server. I suppose it'd be better to place it somewhere online, such as using Firebase or any cloud platform.

[amal-uzcj]

how to take formData on backend side req.file or req. ?

[shankaridurgasree]

i couldn't get the folder "files" created after writing the code. How to resolve?

[adityaparmar]

if i want to do this for jpg, pdf and docx all then ? let assume that we dont know which type of file user will be upload

[shahinrohaman]

I got axios network error how can I solve it

[lxskpxj]

It doesn't work for hosted api bro. It is not a good practice.

[amal-uzcj]

When i console req.file it shows undefined

[gautamanand]

Following the worst practices, don't follow him guys.