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
Getting a file from an input

This lesson shows how we can use an <input> tag to let the user select a file from their filesystem directly.

We don't actually upload it yet, but we do take a look at the steps we'll need to undertake to do that, and the data we can get from the file input.

Before finishing the video, we create a reusable Component in which we can put our file upload code.

What do others think of VueScreencasts?
"just started following along on your journey, great start... keep up the good work"
—Alison Smith
"I spent all evening doing Nuxt registration. I wish I had've spotted this video sooner. 🤦🏻‍♂️. Excellent and clear tutorial. Thank you!"
—Si D
"Very nice thanks"
—Henryque
"Really enjoying these, thank you!"
—Lars Sørensen
Take your career to the next level