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?
"Thanks for your videos."
—Rafael Canan
"<3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3"
—Aymen Oppa Software
"Awesome!!"
—Mohamad Nasir
"Woohoo... keep it up!"
—fazzy akamello
Take your career to the next level