fileId未正确循环
fileId未正确循环
提问于 2017-12-27 22:52:41
快速解释一下这个代码块:我有一个files对象，它是我上传的所有文件，然后我还有一个signedUrls对象，它包含来自之前S3函数的所有带签名的URL。这些对象具有匹配的索引。
第一个axios.put上载文件，第二个axios.post将文件密钥保存到我的数据库。(除非上传成功，否则我不想将其保存到我的数据库中，因此axios.post在回调中的位置。)
文件上传得很好，但是fileId没有正确循环，通常会反复保存相同的fileId。也就是说，如果我上传了五个文件，它们会上传到S3，但它们在我的数据库中都有相同的id。知道为什么会发生这种情况吗？
fileIds = {"1": "someFileId", "2": "someOtherId" }
for (let i = 0; i < files.length; i++) {
axios.put(signedUrls[i], files[i], config).then(res => {
axios.post('https://myapi.com/add-file', {
fileId: fileIds[i]
}).then(res => {
// success
});回答 2
Stack Overflow用户
发布于 2017-12-27 23:41:29
这是因为您正在同步for循环中进行异步调用。
在调用post请求时，您的循环已经完成。
你可以使用Promise.all来解决这个问题：
const promises = files.map((file, i) => {
// create a new promise with correct index, but don't call it yet
return new Promise((resolve, reject) => {
return axios.put(signedUrls[i], file, config)
.then(res => {
return axios.post('https://myapi.com/add-file', {
fileId: fileIds[i]
}).then(res => {
resolve(res)
// todo: also handle errors here
})
})
})
})
// actually invoke your calls here
Promise.all(promises).then(res => /* success */ )本质上，您要做的是同步创建promise调用(但还没有实际调用它们)，以便可以使用正确的索引，然后使用Promise.all实际调用promise数组。
Stack Overflow用户
发布于 2017-12-28 00:07:08
问题是i绑定到您的.post部分中的相同值。
要解决这个问题，你可以使用一个自执行的匿名函数。
如下所示：
for (let i = 0; i < files.length; i++) {
(function(i) {
axios.put(signedUrls[i], files[i], config).then(res => {
axios.post('https://myapi.com/add-file', {
fileId: fileIds[i]
}).then(res => {
// success
});
})(i);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47999546
复制相关文章
相似问题
JavaScript警报未提供正确的fileID值
@ fileid附近的语法不正确
for循环未正确循环
Javascript for循环未正确循环
无效循环未正确循环
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
