要获取通过 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>
通过在HTML模板中创建一个type=file的input标签,并添加@change事件监听器,结合Vue实例中的handleFileUpload方法,可以获取并处理用户上传的文件。在方法内,event.target.files可获取到文件数组。
701






