JavaScript循環（確保我的循環沒有被重寫）

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。 我相信，如果您刪除該行，它將繼續添加上載的文件，而不會覆蓋以前的文件。