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?
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
"Thank you, work for beginner like me. Big thumb for you!!!"
—Rivera Daniel
"Here I found answers to questions that I couldn't formulate before."
—Almas Kamitov
"Really enjoying these, thank you!"
—Lars Sørensen
Take your career to the next level