将数据传递给 for 循环中的下一个请求

Question

我有一个带有param 的图片上传请求。我想将第一个请求的响应发送到 for 循环内的所有下一个请求。

for (let i = 0; i < e.target.files.length; i++) {
  this.http.uploadImages(e.target.files[i], 'UploadImage', this.postId).subscribe((res:any)=>{
    if(res.status == true){
      this.postId = res.data.post_id; // i want to pass this postId to All other Requests. 
      this.userImages.push({ img: res.data });
    }
  })
}

Answer 1

下面的 sn-p 将依次执行每次上传，每次更新 this.postId 值。使用箭头函数this 上下文被保留。

（如果您的 this.http.uploadImages 方法已经返回了一个 Promise，则您不需要实例化一个新的 Promise）

const upload = async () => {
    for (let i = 0; i < e.target.files.length; i++) {
        await new Promise((resolve, reject) => {
            this.http
                .uploadImages(e.target.files[i], 'UploadImage', this.postId)
                .subscribe((res: any) => {
                    if (res.status) {
                        this.postId = res.data.post_id;
                        this.userImages.push({img: res.data});

                        resolve();
                    } else {
                        reject();
                    }
                });
        });
    }
};

Answer 2

在 for 循环之前创建新变量并存储响应中的 postId。比在请求中检查这个变量。如果为空 - 跳过，如果不是 - 发送