为上传的图片添加标题-无法处理大量数据

Question

此函数首先应将图片添加到html，然后再上传图片，并从POST响应向图片标题添加文本。

function handleFiles(files) {
        files = [...files];
        for (var i = 0; i < files.length; i++) {
            var id = makeid(10);
            previewFile(files[i], id);
            uploadFile(files[i], id, i);
        }
    }

当上传少量图像（例如10）时，此功能非常有效。当我出于某种原因上载500图像时，没有在第一张图像上添加标题（它说document.getElementById(id).innerText是null）。

function applyResults(response) {
    for (var i = 0; i < response.Answers.length; i++) {
        var item = response.Answers[i];
        var id = item.Id;
        var value = item.Value;

        document.getElementById(id).innerText = value; // when i=0 it says, that this is null
    }
}

就像uploadFile在previewFile之前执行过一样：

但不是。必须在执行uploadFile之前添加图像。那么为什么它无法在html中找到第一个图像？

Codepen上的示例