该回答引用自GPT-3.5,由博主GISer Liu编写：

针对你的问题，我可以给出以下解决思路和方案：

问题分析：

1. 需要在一个页面中填写多个信息并上传文件。
2. 上传文件通过拖拽方式实现，允许多次选择文件，不覆盖之前上传的，并且可以删除。
3. 不能直接将文件列表赋值给input，也不能操作formData。
4. 前端使用的是Bootstrap、JSP、EasyUI。

   解决思路：

5. 使用前端 JavaScript 实现拖拽上传功能。
6. 维护一个文件列表，允许多次添加文件，实现文件的添加和删除功能。
7. 在提交表单时，将文件列表信息一并提交到后端处理。

   解决方案：

8. 在页面上创建一个区域，实现文件的拖拽上传功能。可以使用HTML5的元素配合JavaScript来实现拖拽上传。
9. 维护一个文件列表，每次选择文件或拖拽文件时，将文件信息添加到列表中，并显示在页面上。为每个文件添加删除按钮，实现删除功能。
10. 使用JavaScript在表单提交时，将文件列表中的文件信息一并提交到后端处理。可以使用Ajax来异步提交表单数据。
11. 后端接收到文件信息后，进行处理保存操作。

    代码大纲：

    javascriptCopy code

    // HTML部分
    "fileDropArea" class="drop-area">
    将文件拖拽至此处上传
    
    "fileList" class="file-list">
    
    
    "form" action="upload.jsp" method="post">
    
    type="submit" value="提交">
    
    // JavaScript部分
    // 文件列表
    let files = [];
    // 拖拽上传功能
    const fileDropArea = document.getElementById('fileDropArea');
    fileDropArea.addEventListener('dragover', handleDragOver);
    fileDropArea.addEventListener('drop', handleFileSelect);
    // 文件选择功能
    const fileInput = document.createElement('input');
    fileInput.type = 'file';
    fileInput.addEventListener('change', handleFileSelect);
    // 提交表单功能
    const form = document.getElementById('form');
    form.addEventListener('submit', handleSubmit);
    // 处理拖拽事件
    function handleDragOver(event) {
    event.preventDefault();
    }
    // 处理文件选择事件
    function handleFileSelect(event) {
    event.preventDefault();
    const fileList = event.dataTransfer ? event.dataTransfer.files : event.target.files;
    for (let i = 0; i < fileList.length; i++) {
    const file = fileList[i];
    addFileToList(file);
    }
    }
    // 添加文件到列表
    function addFileToList(file) {
    files.push(file);
    const listItem = document.createElement('li');
    listItem.textContent = file.name;
    const deleteButton = document.createElement('button');
    deleteButton.textContent = '删除';
    deleteButton.addEventListener('click', () => {
    removeFileFromList(file);
    listItem.remove();
    });
    listItem.appendChild(deleteButton);
    document.getElementById('fileList').appendChild(listItem);
    }
    // 从列表中移除文件
    function removeFileFromList(file) {
    const index = files.indexOf(file);
    if (index !== -1) {
    files.splice(index, 1);
    }
    }
    // 提交表单
    function handleSubmit(event) {
    event.preventDefault();
    const formData = new FormData();
    for (let i = 0; i < files.length; i++) {
    formData.append('files', files[i]);
    }
    // 将其他表单信息也添加到formData中
    formData.append('A', document.getElementById('A').value);
    // 使用Ajax提交表单数据
    const xhr = new XMLHttpRequest();
    xhr.open('POST', form.action);
    xhr.onload = function() {
    if (xhr.status === 200) {
    // 上传成功的处理
    console.log('上传成功');
    } else {
    // 上传失败的处理
    console.error('上传失败');
    }
    };
    xhr.send(formData);
    }
    

    这个方案可以满足你的需求，实现了在页面中填写多个信息并上传文件，并且通过拖拽的方式上传文件，允许多次选择文件并可以删除。

如果该回答解决了您的问题，请采纳！如果没有，请私信联系或评论您的疑惑

中午好🌞🌞🌞
本答案参考ChatGPT-3.5

根据你的需求，可以通过以下方式实现：

1. 在 HTML 中添加一个文件上传区域，可以使用 Bootstrap 中的文件上传组件。
2. 当用户上传文件时，将其添加到文件列表中。可以使用 jQuery 的 drag and drop API 实现拖拽上传，同时添加一个删除按钮，让用户可以删除已上传的文件。
3. 当用户提交表单时，将所有的信息以 FormData 的形式添加到请求中，并将文件列表也添加到 FormData 中。
4. 在后端将文件列表保存到服务器，同时将其与其他提交的信息一同存储到数据库中。

修改后的代码示例：

HTML：

  Upload files:
  
  

JavaScript（使用 jQuery 和 Bootstrap）：

// 初始化文件上传组件
$("#upload").fileinput({
  theme: "fa",
  uploadUrl: "/upload",
  uploadAsync: false,
});

// 添加文件到文件列表
$("#upload").on("change", function (event) {
  var files = event.target.files;
  var html = '';
  for (var i = 0; i < files.length; i++) {
    var file = files[i];
    html += '
';
    html += '  ' + file.name + '';
    html += '  Remove';
    html += '
';
  }
  $("#fileList").append(html);
});

// 删除文件
$("#fileList").on("click", ".file-remove", function (event) {
  $(this).closest(".file-item").remove();
});

// 提交表单
$("#form").on("submit", function (event) {
  event.preventDefault();
  var form = $(this)[0];
  var formData = new FormData(form);
  $(".file-item").each(function () {
    var file = $(this).find(".file-name").text();
    formData.append("files[]", file);
  });
  $.ajax({
    url: $(this).attr("action"),
    data: formData,
    type: "POST",
    processData: false,
    contentType: false,
    success: function (data) {
      // 处理响应
    },
  });
});

这是一个基本的解决方案，可以按照你的需求进行修改。