Javascript 从文件上载列表中删除所选文件

Javascript 从文件上载列表中删除所选文件,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我在用.NETMVC构建的表单上有一个文件上传选项 我有下面的JavaScript,它列出了我的fileList div中所选的文件 updateList=函数(){ var input=document.getElementById('file'); var output=document.getElementById('fileList'); output.innerHTML=“”; 对于(var i=0;i

我在用.NETMVC构建的表单上有一个文件上传选项

我有下面的JavaScript,它列出了我的fileList div中所选的文件

updateList=函数(){
var input=document.getElementById('file');
var output=document.getElementById('fileList');
output.innerHTML=“
    ”; 对于(var i=0;i'; } output.innerHTML+='
'; }
在每个文件旁边,我打印“remove”文本,该文本将调用名为removeFile的函数


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

我想,您想删除标签: 更改此行(此行已添加到removeFile):


如果还要从列表中删除条目,则必须定义自己的数组,因为FileList对象为只读:

上述removeFile函数删除文件名后的链接,但不删除实际文件名。
        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>';
    }
output.innerHTML += '<li>' + input.files.item(i).name + '<a onclick="removeFile(this)" href="javascript:void(0);">remove</a>' + '</li>';
removeFile = function(file) {
    file.parentNode.parentNode.removeChild(file.parentNode);
}