Storing Images in S3 from Node Server

Learn how to store your web app's files in an s3 bucket. Upload, Download, Update, and Delete images from the s3 bucket.

Uploading an image goes through the express server allowing us to modify the image before it's stored in the s3 bucket. Downloading the image happens directly from the s3 bucket to put less strain on the server and make it easier to integrate our bucket with a CDN in the future.

🔗Code:

🔗CloudFront CDN:

Chapters:
0:00​ Intro
3:17 Post a photo with multipart/form-data
5:06 Multer
8:40 Create an S3 Bucket
11:38 IAM User and Policy
16:36 AWS SDK S3 Client
19:00 Uploading an image to S3
22:07 Updating an image
23:18 Random Image Names
25:16 Resizing Images
27:36 Saving data to the database
29:55 Getting images with signed url
35:28 Deleting an image
38:19 Summary

🔗Libraries

🔗AWS & Cloud Computing tutorials:

🔗Other tutorials:

🔗Moar Links

[Eric-dowy]

Just in case anyone is running into trouble with adding the credentials parameter to the S3Client object, the current version of the AWS SDK (as of writing this) for Node doesn't require it as a parameter anymore. The credentials are automatically read from the .env file, and MUST be named AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY.

[eznv]

A year later this is still the best tutorial on S3 uploading. It is criminal how easy you made this for everyone. Subbed & liked.

[moodrow]

Thank you so much for making this video. For a multi-billion dollar company, AWS sure does make it difficult to do simple things and the docs are incredibly hard to find and understand.

[Callumkloos]

This should just be slapped on the top of the s3 documentation tbh. Thank you for this!

[KamalBoruah-ufzo]

Thank you so much. I was searching about this niche subject online for few days and very less on - point tutorials were actually available. It was a great help.

[demiladeotunaiya]

I have been looking for a video to learn Lambda. I have watched 4 to 5 other videos that only ended making me more confused or were full of fluff. I decided to try out your video and this is the best and most explanatory video onS3 Lambda on Youtube. YOU ROCK! Congrats on gaining a new subscriber!

[AKASH-swbs]

Man you are just amazing . Gluing all the things up as a developer was a pain for me and you have reduced all the hustles . Thanks man . And surely you got a new subscriber.

[andrewsamir]

Dude you 're so underrated, you have hands down the best node express videos.
Following along with you is super easy and your videos are so informative.
Please don't stop doing what you are doing.
You are awesome !

[ItalianVoid]

perfect timing, just was about to watch your older videos again but this is a treat! Thank you

[night_city_nights]

Dude I'm 2/3rds into the video. Lemme just say, BEST image processing tutorial on youtube for node/express; hands down.

After 2 weeks of muddling through multer and sharp, only to realize heroku renews your files (thus erasing anything saved to it with FS), this is like EXACTLY what I needed to get past the image uploading process in my app. None of the tuts mention small details like the "fit" property in Sharp's resize method object, my portrait style uploads were looking so wonky before this.

You have my subscribe. Shout out to you!

[hyunjoolee]

Such amazing timing...! I was asked today to utilize the S3 server in our short-term project and here you are... wow. Thank you.

[juancgalue]

Hello, I just want to say thank you for this mega explanation. You helped me a lot to understand this process. I just implemented that in my own MERN app. Thank you again.

[Elliott_Ives]

Figuring out S3 through the docs is an absolute nightmare. Thank you for this

[dylandelorie]

Watched a fair few tutorials for this topic - one of the clearest and detailed programming tutorials out there. It was well-paced, clear, to the point, and... I love it when you can tell that the teacher actually understands what they are doing at every step - a lot will just say, 'Create this, do these things and it will just magically work' (especially in areas such as the AWS setup) - that's okay I guess, I love it when things work, but to make it great I want to personally understand what I am doing and why certain actions do certain things. I totally got that from this! This gives me all of the knowledge to implement this into my own project and even take it further. You've gained a new subscriber and I will definitely recommend your channel - can't wait to check out your other videos. Keep up the great work! :)

[harryvince]

Thank you for a brilliant Video, goes over everything in just enough depth to help you understand but also dosen't overcomplicate the process. Again, Thank You!

[mohsinmiyaji]

thank you so much for making this video. I've been debuggin my code for almost 7 hours trying to upload an image and this finally solved the issue. thank you.

[mohammedramadan]

Thanks so much for this clear and concise video✨! Following your steps, I was able to successfully implement image uploads in my own project. This video was a lifesaver! I highly recommend it to anyone else who's getting started with S3

[berkeberke]

20.04.2024 still best tutorial about S3. I use Nestjs but still very informative for me. Huge respect!!

[ashutoshkumar]

Thanks. Just came across the best tutorial to store, fetch and delete images to and from S3. Please keep the good work going!

[KingTMK]

This is such a great resource! Greatly explained as well. What a gem. Thank you.