如果您只想删除几个选定的文件：您不能。您链接到的文件 API 工作草案包含一个注释：

该HTMLInputElement接口[HTML5]有一个只读 FileList 属性，[...]
[重点煤矿]

阅读了一些 HTML 5 工作草案，我遇到了Common inputelement APIs。看来您可以通过将对象的属性设置为空字符串来删除整个文件列表，例如：valueinput

document.getElementById('multifile').value = "";

顺便说一句，使用 Web 应用程序中的文件一文可能也很有趣。

这个问题已经被标记为已回答，但我想分享一些可能有助于其他人使用 FileList 的信息。

将 FileList 视为数组会很方便，但 sort、shift、pop 和 slice 等方法不起作用。正如其他人所建议的那样，您可以将 FileList 复制到一个数组中。然而，不是使用循环，而是有一个简单的单行解决方案来处理这种转换。

 // fileDialog.files is a FileList 

 var fileBuffer=[];

 // append the file list to an array
 Array.prototype.push.apply( fileBuffer, fileDialog.files ); // <-- here

 // And now you may manipulated the result as required

 // shift an item off the array
 var file = fileBuffer.shift(0,1);  // <-- works as expected
 console.info( file.name + ", " + file.size + ", " + file.type );

 // sort files by size
 fileBuffer.sort(function(a,b) {
    return a.size > b.size ? 1 : a.size < b.size ? -1 : 0;
 });

在 FF、Chrome 和 IE10+ 中测试正常

如果您的目标是常绿浏览器（Chrome、Firefox、Edge，但也适用于 Safari 9+），或者您可以负担得起 polyfill，则可以使用Array.from()如下方法将 FileList 转换为数组：

let fileArray = Array.from(fileList);

然后很容易File像处理任何其他数组一样处理s 数组。

由于 JavaScript FileList 是只读的，不能直接操作，

最佳方法

您将不得不遍历input.fileswhile 将其与index要删除的文件的进行比较。同时，您将使用new DataTransfer()设置一个新的文件列表，不包括要从文件列表中删除的文件。

通过这种方法，input.files本身的值发生了变化。

removeFileFromFileList(index) {
  const dt = new DataTransfer()
  const input = document.getElementById('files')
  const { files } = input
  
  for (let i = 0; i < files.length; i++) {
    const file = files[i]
    if (index !== i)
      dt.items.add(file) // here you exclude the file. thus removing it.
  }
  
  input.files = dt.files // Assign the updates list
}

替代方法

另一种简单的方法是将 FileList 转换为数组，然后进行拼接。

但这种方法不会改变 input.files

const input = document.getElementById('files')
// as an array, u have more freedom to transform the file list using array functions.
const fileListArr = Array.from(input.files)
fileListArr.splice(index, 1) // here u remove the file
console.log(fileListArr)

由于我们在 HTML5 领域，这是我的解决方案。要点是将文件推送到 Array 而不是将它们留在 FileList 中，然后使用 XHR2，将文件推送到 FormData 对象。下面举例。

Node.prototype.replaceWith = function(node)
{
    this.parentNode.replaceChild(node, this);
};
if(window.File && window.FileList)
{
    var topicForm = document.getElementById("yourForm");
    topicForm.fileZone = document.getElementById("fileDropZoneElement");
    topicForm.fileZone.files = new Array();
    topicForm.fileZone.inputWindow = document.createElement("input");
    topicForm.fileZone.inputWindow.setAttribute("type", "file");
    topicForm.fileZone.inputWindow.setAttribute("multiple", "multiple");
    topicForm.onsubmit = function(event)
    {
        var request = new XMLHttpRequest();
        if(request.upload)
        {
            event.preventDefault();
            topicForm.ajax.value = "true";
            request.upload.onprogress = function(event)
            {
                var progress = event.loaded.toString() + " bytes transfered.";
                if(event.lengthComputable)
                progress = Math.round(event.loaded / event.total * 100).toString() + "%";
                topicForm.fileZone.innerHTML = progress.toString();
            };
            request.onload = function(event)
            {
                response = JSON.parse(request.responseText);
                // Handle the response here.
            };
            request.open(topicForm.method, topicForm.getAttribute("action"), true);
            var data = new FormData(topicForm);
            for(var i = 0, file; file = topicForm.fileZone.files[i]; i++)
                data.append("file" + i.toString(), file);
            request.send(data);
        }
    };
    topicForm.fileZone.firstChild.replaceWith(document.createTextNode("Drop files or click here."));
    var handleFiles = function(files)
    {
        for(var i = 0, file; file = files[i]; i++)
            topicForm.fileZone.files.push(file);
    };
    topicForm.fileZone.ondrop = function(event)
    {
        event.stopPropagation();
        event.preventDefault();
        handleFiles(event.dataTransfer.files);
    };
    topicForm.fileZone.inputWindow.onchange = function(event)
    {
        handleFiles(topicForm.fileZone.inputWindow.files);
    };
    topicForm.fileZone.ondragover = function(event)
    {
        event.stopPropagation();
        event.preventDefault();
    };
    topicForm.fileZone.onclick = function()
    {
        topicForm.fileZone.inputWindow.focus();
        topicForm.fileZone.inputWindow.click();
    };
}
else
    topicForm.fileZone.firstChild.replaceWith(document.createTextNode("It's time to update your browser."));