我正在尝试上传多个文件,并将它们发送到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
})
}
}
如何重写它以做我想要的?困惑为什么这种情况不断发生
答案 0 :(得分:1)
您不能在循环中间使用异步代码。循环不等待请求完成。
将所有内容移动到单独的函数,然后使用循环调用该函数。
var uploadFile = function(file){
//do stuff
}
for(var i=0; i<files.length; i++){
uploadFile(files[i]);
}