• last year
v-file-input is a Vuetify's component used to create file upload inputs. It's a customizable and versatile file input component that integrates well with Vue.js version 3.

This video shows how I've integrated the Vuetify's file input in my Social Scheduler app.
Transcript
00:00In my social scheduler app, which I'm creating for my portfolio, I've decided to use Beautify's file input component,
00:14because it's a great choice for a quick solution to uploading images.
00:23This is just an example.
00:31Tavi file input component provides many options to customize the file input, which we can use in our view application.
00:46For example, we can change the icon, change placeholder text, choose the accepted formats, enable the multiple files support and many others.
01:08The integration of the V file input component is very simple.
01:16I just copied the example from the official documentation and added the wanted props.
01:27In the following videos, I will show how to use this component to upload files on server.

Recommended