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?
"Great help, helped me solved the Vuex modules mapstate problem I had. Thanks so much again!!"
—kidgr33n
"Great tips great video thanks"
—Happyoe
"You deserve more views and subs man"
—Jijin Jayakumar
"tks u so much"
—013356386
Take your career to the next level