javascript - 循环上传问题？

Question

想循环上传每个文件，循环第一次时isrepeat参数为true，拿到第一次循环上传成功后台返回的路径，作为往下循环的pathList，并且往下循环isrepeat参数为false，思路有点凌乱乱...

upload(data,action) {      let formData = new FormData()      data.forEach((item) => {        formData.append('fileList', item)        if (data.length === 1 || action === 'fileUpload') {          //单文件          formData.append('pathList', item.name)        } else {          formData.append('pathList', item.webkitRelativePath)        }        formData.append('pid', this.currentNodeKey)        formData.append('isrepeat', true)        this.$myHttp({          method: 'post',          url: this.prefix + '/doc/docDir/uploadHtml2Public',          data: formData,          headers: { 'Authorization': 'Sys ' + sessionStorage.getItem('token'), 'showLoading': 'true' }        }).then((res) => {          this.refreshTree()        }).catch((error) => {          console.log(error)        })        })          }

Answer 1

首先，从你的代码中可以看到，你正在使用循环来上传文件，并且在每次上传时，你都在 formData 对象中添加了新的参数。然后，你使用 this.$myHttp 方法发送一个 POST 请求。

然而，你的代码中存在一些问题。在每次循环中，你都创建了一个新的 formData 对象，这会导致每次循环都发送一个新的 POST 请求，而不是按照你的预期那样，一次循环发送一个文件。

另外，你在每次循环中都添加了 isrepeat 参数，这可能不是你想要的。你可能只想在第一次循环时设置 isrepeat 为 true，然后在后续的循环中将其设置为 false。

以下是一个可能的解决方案：

upload(data, action) {  let formData = new FormData();  let isrepeat = true; // 初始化 isrepeat 为 true  data.forEach((item, index) => {    formData.append('fileList', item);    if (data.length === 1 || action === 'fileUpload') {      formData.append('pathList', item.name);    } else {      formData.append('pathList', item.webkitRelativePath);    }    formData.append('pid', this.currentNodeKey);    formData.append('isrepeat', isrepeat); // 根据索引设置 isrepeat 的值    this.$myHttp({      method: 'post',      url: this.prefix + '/doc/docDir/uploadHtml2Public',      data: formData,      headers: {         'Authorization': 'Sys ' + sessionStorage.getItem('token'),         'showLoading': 'true'       }    }).then((res) => {      if (index === data.length - 1) { // 如果是最后一次循环，刷新树状结构        this.refreshTree();      }    }).catch((error) => {      console.log(error);    });    isrepeat = false; // 在每次循环的末尾将 isrepeat 设置为 false  });}

在这个修改后的代码中，我保留了 isrepeat 参数的逻辑，并在每次循环的末尾将其设置为 false。同时，我也添加了一个检查，以确保在处理完所有文件后刷新树状结构。这样就可以解决你的问题。