Is there anyway to get filelist from q-input(file type)?

[CodingSnorlax]

Hi, everyone. I have a question about a file type q-input.
I'm trying to get the FileList from the input, and I need to render each filelist's name on my template, but it didn't seem to work.
I'm not sure about why?
This is my codepen, thanks a lot!

[MilosPaunovic]

Add v-model to input.

[CodingSnorlax]

sorry, i'm not sure about what you mean.
i have read the document, but it suggests that not to use v-model on q-input with a file type?

[MilosPaunovic]

Is there a project requirement which stops you from using QFile? It might make thigs easier. Or, you could go the way you've started, listen to the @update:model-value event and use the files provided as argument to save them (or only the names) to another variable.

[CodingSnorlax]

Thanks for your advice!
I just took your advice and set a watch property on the filelist data, and then i can get the file name!

Yeah, I'm working on a project that needs to customize a file upload component, and it's a little complicated.
Besides the file name, i'm going to use filereader to get image url and render the image, when the uploaded file is an image type.

Thanks again. Really appreciate your help!!!