Intro to Secure File Upload to S3 from VueJS
Getting a file from an input
Setting up S3
Getting S3 credentials securely from API
Uploading Files with aws-s3
Uploading Indicator
Using Vuetify's v-file-input
Review of Uploading Files to S3
0% done with Secure File Upload to S3, Directly from the Browser

Chapter 25 of 27 in Building
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?
"Thanks, really liking these videos."
—Mustahsinul Moula
"You're a blessing my dude. Thank you so much for this!"
"I like your videos they are very good."
—Kreshnik Palushi
"Thanks for this series! Very helpful and good to follow."
—Raúl Wallaart
Take your career to the next level