Question

所以我需要一些帮助来保存一些人们将通过文件上传提交的文件。现在我的代码每次都替换它，但我希望它不会每次都替换它。例如，我的用户选择一定数量的文件，如3个文件，上传它们，然后选择1个文件并上传它们。这将是总共4个文件。我的代码现在正在做的是，如果我的用户上传了3个文件，它会保存3个文件，然后如果他们上传1个文件就会删除3个文件而只有一个文件。

我希望它不会被重写，并且有4个文件。请帮忙。这似乎非常微不足道，但我似乎无法得到它。

function handleFileSelect(e) {
    if (!e.target.files) return;
    selDiv.innerHTML = "";
    var files = e.target.files;
    for (var i = 0; i < files.length; i++) {
        var f = files[i];
        selDiv.innerHTML += f.name + "<br/>";
    }
}

Answer 1

我相信您的问题是您正在重置函数调用中的innerHTML。我假设每次上传文件时都会调用此函数吗？

function handleFileSelect(e) {
    if (!e.target.files) return;
    selDiv.innerHTML = ""; // <--- this will empty the div
    var files = e.target.files;
    for (var i = 0; i < files.length; i++) {
        var f = files[i];
        selDiv.innerHTML += f.name + "<br/>";
    }
}

如果您已经上传了文件，则调用此函数并显示它们，然后上传更多文件并调用此函数，它将不断重置innerHTML。我相信如果删除该行，它将继续附加上传的文件，而不会覆盖以前的文件。

JavaScript循环（确保我的循环不重写）

1 个答案: