要获取通过 input
标签上传的文件,可以通过以下步骤:
1. 在模板中创建一个 input
标签,设置 type
属性为 file
,并添加 @change
事件监听器。
<template>
<div>
<input type="file" @change="handleFileUpload">
</div>
</template>
2. 在 Vue 实例中定义 handleFileUpload
方法,该方法接收一个事件参数,其中包含上传的文件信息。可以通过 event.target.files
属性获取上传的文件数组,然后对数组进行处理。
<script>
export default {
methods: {
handleFileUpload(event) {
const files = event.target.files;
// 对上传的文件数组进行处理
console.log(files);
}
}
}
</script>