Want to access the file uploaded using v-file-input

Question

Actually I want user to upload a file from frontend and I want to send that file to server. I am using v-file-input but I dont know how to access the file once it is uploaded

<v-file-input type="file" label="Upload an image for your Avatar" prepend-icon="mdi-camera" @change="selectFile" ref="avatar"></v-file-input>

can someone tell me how can i access that file?

Give it a $ref and access the files object within

Ohgodwhy
– Ohgodwhy

2019-12-23 20:47:35 +00:00
Commented Dec 23, 2019 at 20:47 — Ohgodwhy
– Ohgodwhy, Commented Dec 23, 2019 at 20:47
Thanks sir.. the issue got solved..

Jack Giratina
– Jack Giratina

2019-12-24 17:54:26 +00:00
Commented Dec 24, 2019 at 17:54 — Jack Giratina
– Jack Giratina, Commented Dec 24, 2019 at 17:54

LMB · Accepted Answer · 2020-10-14 08:11:11Z

1

You can use the v-model prop.

<v-file-input v-model="myFileObject"></v-file-input>

The myFileObject contains either a single file object, or is an array of file objects. You can find more on the v-file-input documentation.

You must also specify the myFileObject in your data.

data: () => ({
    myFileObject: null
})

answered Oct 14, 2020 at 8:11

LMB

4642 gold badges8 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Want to access the file uploaded using v-file-input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related