js 多文件 multipartfile

在JavaScript中，我们可以使用MultipartFile来同时上传多个文件。

首先，我们需要在HTML中创建一个包含多个文件上传字段的表单。这可以通过使用input类型为file的多个input元素来实现。例如：

<form action="/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="files" multiple>
    <input type="submit" value="上传">
</form>

在这个表单中，设置了input元素的name属性为"files"，并且指定了multiple属性，表示允许选择多个文件进行上传。

接下来，在JavaScript中，我们可以通过获取到这个文件输入字段的值来访问用户选择的文件。我们可以使用JavaScript的File API来获取文件的详细信息和内容。

const filesInput = document.querySelector('input[type="file"]');
const files = filesInput.files;

for (let i = 0; i < files.length; i++) {
    const file = files[i];
    // 这里可以使用file对象来访问文件的相关信息，例如文件名、大小等
    console.log(file.name, file.size);
}

在上面的代码中，我们首先通过querySelector来获取文件输入字段的引用，然后使用files属性来获取所有选择的文件的FileList对象。我们可以通过遍历这个FileList对象来访问每个文件的相关信息。

对于每个文件，我们可以使用File API提供的各种方法和属性来获取所需的信息。例如上面的代码中，我们访问了文件的名称和大小。

最后，我们可以将这些文件上传到服务器。可以通过使用Ajax来发送文件数据到服务器端，或者使用form表单的submit()方法提交整个表单。

总结一下，使用JavaScript实现多文件上传需要创建一个支持多个文件选择的HTML表单，并通过JavaScript的File API来获取选择的文件信息。然后，可以使用Ajax或者表单的submit()方法将文件上传到服务器。