后端Controller获取MultipartFile数组为空的问题

问题描述：

写项目的时候，需要上传多张图片和数据。
前端ajax通过formData上传数据，后端没有报错，但是MultipartFile[]数组元素获取不到值：有实例，但是没内容。
监视中的数据如下：
其他正常的有内容的数据是有展开符号可以点开的，但是MultipartFile点不开

>title = "test"
>startTime = {Date@88889}"Thu Apr 07 00:00:00 GMT+8:00 2022"
files = {MultipartFile[0]@88888}

解决：

错误做法：

前端使用formData传递MultipartFile[]数据时，先使用列表存储再将列表存入formData

var pics=[]
for(遍历图片){
	pics.push(图片)
}
formData.append("pics",pics)
 $.ajax({
 	...
 	data:formData,
 	...
 })

正确做法：

var formData = new formData()
for(遍历图片）{
	formData.append("pics",图片)
} 
$.ajax({
 	...
 	data:formData,
 	...
 })

原因：

不懂前端，只是做项目需要用到，瞎猫碰上死耗子解决了，有路过的前端大佬解释一下原理吗？看来还是有必要了解一下前端的知识，学一下js。