JQuery ajax上传多个文件 java

spring boot 版本 2.3.9.RELEASE

JQuery 版本 v3.5.1

html代码

<div id="divImg">
   <input type="file" class="file" name="file" multiple="multiple" id="file"/>
   <button type="button" onclick="uploadFile()">上传</button>
</div>

js代码

function uploadFile(){
        let files = $("#file").prop("files");
        let formData = new FormData();
        // 对每个文件进行循环处理
        for (let i = 0; i < files.length; i++) {
            let file = files[i];
            // 添加文件到formData
            formData.append('files['+i+']', file, file.name);
        }
        $.ajax({
            url: ctx + "/file/upload",
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            async: false,
            cache: false,
            success: function(data) {
                console.log(data);
            }
        });
    }

java代码

    @PostMapping("/upload")
    @ResponseBody
    public List uploadFile(MultipartHttpServletRequest request){
        Map<String, MultipartFile> fileMap = request.getFileMap();
//        return fileService.uploadFile(files);
        return new ArrayList<>();
    }

前端提交的数据

注意一下请求头

后台接收的数据

自己做个记录，省的以后到处查