想要访问使用 v-file-input 上传的文件

Question

实际上我希望用户从前端上传文件，我想将该文件发送到服务器。我正在使用 v-file-input，但我不知道上传后如何访问文件

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

有人可以告诉我如何访问该文件吗？

Answer 1

您可以使用v-model道具。

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

myFileObject 包含单个文件对象，或者是文件对象的数组。您可以在 v-file-input 文档中找到更多信息。

还必须在数据中指定 myFileObject。

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