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?
"I spent all evening doing Nuxt registration. I wish I had've spotted this video sooner. 🤦🏻‍♂️. Excellent and clear tutorial. Thank you!"
—Si D
"Excellent video. Thanks so much. Looking forward to the rest of the series."
—SilenceKillsDesign
"Great video."
—Sanjay Gyawali
"Great series!"
—Milan Zigmond
Take your career to the next level