监听文件上传 如果this.form.appendix有值就继续逗号拼接如果没有就从头拼接
时间: 2023-09-09 11:11:28 浏览: 116
好的,以下是一个监听文件上传的例子,根据 `this.form.appendix` 是否有值,来选择是继续逗号拼接还是从头开始拼接:
```javascript
// 在文件上传时触发
onFileUpload() {
// 获取表单中上传的附件
const files = this.form.appendix;
let appendixList = '';
// 如果附件列表不为空,继续逗号拼接
if (files) {
// 遍历附件列表
for (let i = 0; i < files.length; i++) {
// 将附件名称拼接
appendixList += files[i].name + ',';
}
} else {
// 如果附件列表为空,从头开始拼接
appendixList = this.form.newAppendixName + ',';
}
// 更新表单中的附件列表
this.form.appendix = appendixList;
}
```
在上述代码中,我们首先获取表单中上传的附件列表 `files`,然后判断该列表是否为空。如果不为空,则遍历附件列表,将每个附件的名称拼接到 `appendixList` 中。反之,如果附件列表为空,则从表单中获取新上传的附件名称,并将其拼接到 `appendixList` 的开头。最后,更新表单中的附件列表为 `appendixList`。
需要注意的是,上述代码中只演示了如何监听文件上传,并根据附件列表是否为空来选择是继续拼接还是从头开始拼接。具体实现还需要考虑更多的细节和业务逻辑,例如去重、删除、上传进度显示等等。