监听文件上传 如果this.form.appendix有值就继续逗号拼接
时间: 2023-09-09 14:11:28 浏览: 77
您的问题是关于文件上传监听的问题,如果表单中有附件值,如何继续逗号拼接。具体实现可以参考以下代码:
```javascript
// 获取表单中上传的附件
const files = this.form.appendix;
if (files) {
let appendixList = '';
// 遍历附件列表
for (let i = 0; i < files.length; i++) {
// 将附件名称拼接
appendixList += files[i].name + ',';
}
// 去除最后一个逗号
appendixList = appendixList.substring(0, appendixList.length - 1);
// 继续处理逗号拼接后的字符串
// ...
}
```
以上代码中,首先获取表单中上传的附件列表,然后遍历附件列表,将每个附件的名称拼接到`appendixList`中。最后,去除最后一个逗号,即可得到逗号拼接后的字符串`appendixList`。您可以根据具体需求,继续对该字符串进行处理。
相关问题
监听文件上传 如果this.form.appendix有值就继续逗号拼接如果没有就从头拼接
好的,以下是一个监听文件上传的例子,根据 `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`。
需要注意的是,上述代码中只演示了如何监听文件上传,并根据附件列表是否为空来选择是继续拼接还是从头开始拼接。具体实现还需要考虑更多的细节和业务逻辑,例如去重、删除、上传进度显示等等。
package com.demo.bean; public class Profession {//专业 private long id; private String professionId;//专业ID private String name;//名称 private String appendix;//备注 public Profession() {} public Profession(long id, String professionId, String name, String appendix) { this.id = id; this.professionId = professionId; this.name = name; this.appendix = appendix; } public long getId() { return id; } public void setId(long id) { this.id = id; } public String getProfessionId() { return professionId; } public void setProfessionId(String professionId) { this.professionId = professionId; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getAppendix() { return appendix; } public void setAppendix(String appendix) { this.appendix = appendix; } @Override public String toString() { return "Profession [id=" + id + ", professionId=" + professionId + ", name=" + name + ", appendix=" + appendix + "]"; } }
这是一个 Java 类,名为 Profession,它有四个属性:id、professionId、name 和 appendix,分别表示专业的唯一标识、专业ID、名称和备注。这个类有一个默认构造函数和一个带有四个参数的构造函数,同时还有各个属性的 getter 和 setter 方法,以及一个重写的 toString 方法。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)