Uploading Files with aws-s3

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

15:32 | Published on 11/12/2019 |
|

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?

"Thanks, really liking these videos."

—Mustahsinul Moula

"You're a blessing my dude. Thank you so much for this!"

—elmo

"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