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

Question

我在使用.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>';
    }

我打印的每个文件旁边都有＆＃39;删除＆＃39;将调用名为removeFile的函数的文本。

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

Answer 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