<el-upload> 获取上传文件顺序
时间: 2023-07-18 19:20:13 浏览: 94
<el-upload> 组件并没有提供获取上传文件顺序的方法,但是你可以通过监听文件上传成功的事件,在事件回调函数中获取已上传文件的列表,并根据文件上传的时间戳来确定文件上传的顺序。具体实现可以参考以下代码示例:
```
<template>
<div>
<el-upload
ref="upload"
:auto-upload="false"
:on-success="handleUploadSuccess"
>
<el-button slot="trigger">选择文件</el-button>
</el-upload>
</div>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleUploadSuccess(response, file, fileList) {
this.fileList = fileList;
// 根据文件上传时间戳排序
this.fileList.sort((a, b) => a.response.timeStamp - b.response.timeStamp);
// 获取上传文件顺序
const uploadOrder = this.fileList.map(file => file.name);
console.log(uploadOrder);
}
}
};
</script>
```
在上面的示例中,我们在 `handleUploadSuccess` 方法中获取已上传文件的列表,并通过对文件列表根据时间戳进行排序,最终得到了上传文件的顺序。
阅读全文