从文件上传列表中删除选定的文件答案

【问题标题】：Remove selected file from file upload list从文件上传列表中删除选定的文件
【发布时间】：2017-12-15 17:15:15
【问题描述】：

我在使用 .NET MVC 构建的表单上有一个文件上传选项。

我有以下 JavaScript 列出了我的 fileList div 中的选定文件。

        updateList = function () {
        var input = document.getElementById('file');
        var output = document.getElementById('fileList');

        output.innerHTML = '<ul>';
        for (var i = 0; i < input.files.length; ++i) {
            output.innerHTML += '<li>' + input.files.item(i).name + '<a onclick="removeFile()" href="javascript:void(0);">remove</a>' + '</li>';
        }
        output.innerHTML += '</ul>';
    }

在每个文件旁边我打印“删除”文本，该文本将调用名为 removeFile 的函数。

从这里我被卡住了，如何从我的列表中删除特定文件？任何帮助将不胜感激！

【问题讨论】：

标签： javascript asp.net-mvc

【解决方案1】：

我猜，你想删除标签：更改此行（将其添加到 removeFile）：

output.innerHTML += '<li>' + input.files.item(i).name + '<a onclick="removeFile(this)" href="javascript:void(0);">remove</a>' + '</li>';

然后定义removeFile：

removeFile = function(file) {
    file.parentNode.parentNode.removeChild(file.parentNode);
}

如果您还想从列表中删除条目，则必须定义自己的数组，因为 FileList 对象是只读的：How do I remove a file from the FileList

【讨论】：

上面的removeFile函数去掉了文件名后面的链接，但是并没有去掉实际的文件名。