Node.js File Upload API with Express Tutorial

(00:00) Intro
(00:43) Welcome
(01:09) Add dependencies
(02:56) Basic server setup
(04:43) Create the HTML file upload form
(07:25) JavaScript to submit the files
(12:09) Post route and fileUpload middleware
(14:22) Test the server post route
(16:21) filesPayloadExists middleware
(18:29) fileSizeLimiter middleware
(23:09) fileExtLimiter middleware
(27:43) Import and apply all custom middleware
(29:15) Test the middleware
(31:14) Saving files to the server
(33:49) Testing the file upload process

📚 Tutorial References:

✅ Follow Me:

#node #file #upload

[bugra]

You are my best teacher Gray! Thank's from Turkey :)

[tiopiol]

I love the perfection side of your videos, on minute 22:32 you make it clear to all of us. Thank you for bringing this professionalism.

[psaintjean]

This video is simply amazing!! Especially for a beginner coder with about a week of learning. You are so precise and so thorough in explaining each separate section of coding logic in the building of each file and it’s related files. Simply Amazing 🎉

[ryant]

I get so excited now when I see you post a new video! Can't wait to watch this one

[FloorMann]

i usually fail to follow tutorials, this man is genius!

[pawelsb]

Hey Dave,
Great Course, I've completed ReactJS and JavaScript playlists too from you. Your explanations are crystal clear and to the point.

Thanks for the great quality content Dave. Have a great day.

[mohamedyoussef]

You tackle the hardest topics that others evade

[richardwilliam]

Im working on a kyc app and i struggled with limiting size of the document upload, now thanks to Dave, ive fixed it.

[mahdisalmanizadegan]

Dave your teaching approach is really amazing, you're one of the best teacher i've ever had in my life. thank you for sharing such a valuable contents.

[sudhikrishnana]

Hey Dave, it would be great if you could make a react frontend form to upload xlsx files (or any other file) like in this video with backend. By the way your react, javascript, node js, css, tailwind courses are top notch, understood all the concepts.

[raymondmichael]

This glued me to a screen till the last seconds.
Thanks Dave.

I’ll definitely like to see React at the front end interacting with this api.
Also,
How to handle uploading such files to a mongodb or cloudnary service? After sometime.
Meaning save temporarily to the save then move the files to cloudnary and store image url returned.

BTW, thanks, you’re such a blessing to us learners

[jvenkatonline]

Hi Dave, Just now I have completed the video and tried it - its working well. Of course, it took some time for me to understand the concepts. But overall, really interesting - you did not use even axios or any other extras. Especially you have taken additional efforts to show the error messages without any grammatical issues and you have used middleware for validating the files are amazing. You did a great job and its very useful for the users. Thank you so much for your effort.

[aishwaryshah]

This person comes with absolute best example . sir i love your code thank you

[kobibentata]

What a great video!! 🏆

Well explained, well done!

After busting my brain with the issue of file upload in Node for so long, I was so happy to encouter this video.

Thanks.

[neenus]

I just want to say thank you for sharing your knowledge .... I was here looking for a way to show progress of your file upload while it's uploading but this was still nice to watch as always you explain topics in a very clear way that anyone can understand!

[ScriptRaccoon]

This is a nice application of using middleware, thank you!
I think the grammar thing was actually good since it gives the user a very human-like and easy to read feedback.
I have a suggestion for refactoring. In the file size and file extension middlewares it is easier to get the sizes and extensions with a filter applied to the Object.values array. In fact, we don't need the keys as far as I can tell, and the loop can be replaced by the filter Array method.

[bilza]

Great Video. Text is bold and visible. Explanation is so clear and precise. Excellent delivery.

[lloydtea]

Hello Dave, Your react tutorials has been a blessing to me... Please was this project ever done in react ?

[EduardoOrnelas]

Dave,

I want to add my compliments to the many you already have!

Your instructions are crystal clear and allowed me to implement your solution into my project with very few updates as changing the repository path for uploaded files and saving the metadata to my database.

I just want to ask you if you have a tutorial on retrieving the files from the server to allow users to open their files.

Thank you very much!

[Bigecomics]

Great Content! Did you ever make the React File Upload front end video? I am looking to learn how to integrate that.