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

时间:2017-09-10 12:34:57

标签: javascript reactjs superagent

我正在尝试上传多个文件,并将它们发送到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
        })
    }

}

如何重写它以做我想要的?困惑为什么这种情况不断发生

1 个答案:

答案 0 :(得分:1)

您不能在循环中间使用异步代码。循环不等待请求完成。

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

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

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