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]);
}

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

Superagent keeps sending same image repeatedly

javascript

superagent

reactjs