时间戳

首页 > 解决方案 > 想要访问使用 v-file-input 上传的文件

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

问题描述

实际上我希望用户从前端上传一个文件，我想将该文件发送到服务器。我正在使用 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>

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

标签： vue.jsvuejs2vue-componentvuetify.js

解决方案

你可以使用v-model道具。

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

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

您还必须在数据中指定 myFileObject。

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

推荐阅读