Intro to Secure File Upload to S3 from VueJS
2:11
Getting a file from an input
5:53
Setting up S3
4:33
Getting S3 credentials securely from API
2:55
Uploading Files with aws-s3
15:32
Uploading Indicator
3:24
Using Vuetify's v-file-input
6:55
Review of Uploading Files to S3
5:22
0% done with Secure File Upload to S3, Directly from the Browser

Chapter 25 of 27 in Building VueScreencasts.com
Uploading Files with aws-s3

The official AWS SDK can be difficult to use, so we're going to use the aws-s3 library instead.

We'll set up the configuration first, and I'll show you how to find all the information you'll need -- including stuff that S3 for some reason tries to hide from you, such as the key for your region.

Then we'll compute a unique file name and upload the file. There is an error in this process that I believe is caused by the aws-s3 library, and I'll show you how to work around it and make stuff work anyways.

Because we put our code in a component, we can easily use this for both the Thumbnail Image and the Video File

What do others think of VueScreencasts?
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"I’m enjoying your style, keep it up!"
—Sean B
"Great work man."
—The Nerdy Dev
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
Take your career to the next level