javascript - Superagent 不断重复发送相同的图像

Question

我试图上传多个文件并将它们发送到 Cloudinary 的 API。我循环浏览每个图像，附加它然后上传它。但是，我的代码循环遍历图像，然后再次上传第一个图像以获取文件数量:

let uploadRequest = superagent.post(url)

    for (let i=0; i<files.length; i++){
        uploadRequest.attach('file', files[i])
        console.log('file attached', files[i])

        Object.keys(params).forEach((key) => {
            uploadRequest.field(key, params[key])
        })
        console.log('params attached', files[i])

        uploadRequest.then((res) => {

            console.log('UPLOAD COMPLETE: '+JSON.stringify(res.body))
            const uploaded = res.body
            const imageUrl = res.body.secure_url
            let updatedArr = this.state.images.slice();
            updatedArr.push(imageUrl);
                this.setState({
                    images: updatedArr
                })
            })

        .catch((error) => {
            console.log(error)
            return
        })
    }

}

我怎样才能重写它来完成我想要的事情？困惑为什么这种情况不断发生

Answer 1

循环中间不能有异步代码。循环不会等待请求完成。

将所有内容移至单独的函数，然后使用循环调用该函数。

var uploadFile = function(file){
    //do stuff
}

for(var i=0; i<files.length; i++){
    uploadFile(files[i]);
}