el upload 获取文件目录
时间: 2023-11-21 16:56:57 浏览: 47
以下是el-upload获取文件目录的示例代码:
```html
<template>
<el-upload
:action="uploadUrl"
ref="importUpload"
:auto-upload="false"
:show-file-list="false"
:on-change="handleChange"
accept=".xls,.xlsx"
>
<el-button size="small" type="primary" icon="el-icon-folder-add">选择文件</el-button>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: [] // 存放文件列表
};
},
methods: {
handleChange(file, fileList) {
// file:当前上传的文件 fileList:文件列表
this.fileList = [];
this.fileList = fileList;
console.log(this.fileList); // 输出文件列表
}
}
};
</script>
```
在这个示例中,我们设置了el-upload的属性show-file-list为false,这样就不会显示element自带的文件列表。然后我们在data中定义了一个fileList数组,用于存放文件列表。在handleChange方法中,我们将当前上传的文件和文件列表作为参数传入,并将文件列表赋值给fileList数组。最后,我们通过console.log输出了文件列表。
阅读全文