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?

"Thank You :)"

—xof

"Thanks!!!"

—Tushar Mangle

"Very good tutorial, thanks."

—ivan89pln

"This was EXACTLY what I needed. Informative and succinct. Thank you for taking the time to do this."

—Zara Kayn

Take your career to the next level