从FileList Ajax Upload中删除上传前的文件

// 获取用户选择的文件列表
var files = document.getElementById('fileInput').files;

// 遍历文件列表
for (var i = 0; i < files.length; i++) {
  var file = files[i];
  
  // 创建删除按钮或者链接，并绑定删除事件
  var deleteButton = document.createElement('button');
  deleteButton.textContent = '删除';
  deleteButton.addEventListener('click', function(event) {
    // 获取要删除的文件的索引
    var index = Array.prototype.indexOf.call(files, file);
    
    // 删除文件
    files.remove(index);
    
    // 更新文件列表显示
    updateFileList(files);
  });
  
  // 将删除按钮或者链接添加到文件列表中
  var fileItem = document.createElement('li');
  fileItem.textContent = file.name;
  fileItem.appendChild(deleteButton);
  document.getElementById('fileList').appendChild(fileItem);
}

// 更新文件列表显示
function updateFileList(files) {
  var fileList = document.getElementById('fileList');
  
  // 清空文件列表
  while (fileList.firstChild) {
    fileList.removeChild(fileList.firstChild);
  }
  
  // 重新添加文件列表
  for (var i = 0; i < files.length; i++) {
    var fileItem = document.createElement('li');
    fileItem.textContent = files[i].name;
    fileList.appendChild(fileItem);
  }
}