将数组的数组追加到FormData并通过AJAX发送

Question

let currentObj = this;
let formData = new FormData();
for (var i = 0; i < this.mediaData.length; i++) {
  let file = this.mediaData[i];
  console.log(file, "file");
  formData.append('medias[' + i + ']', , file.file, file.original_file_name, file.function_name);
}
for (var i = 0; i < this.mud_table.name.length; i++) {
  let mud = this.mud_table.name[i];
  formData.append('mud_table[' + i + ']', mud);
}
formData.append('mud_map_status', this.mud.status);
formData.append('mud_map_id', this.mud.id)
formData.append('surveyReportID', this.survey_reporting_id);

mediasData:[function_name:mud_pdf1; original_file_name: recipt_pdf.pdf; file:{File},
function_name:mud_pdf2; original_file_name: recipt_pdf.pdf; file:{File},
function_name:mud_pdf3; original_file_name: recipt_pdf.pdf; file:{File}]

是这种格式，在后端，我只在请求中获得媒体:[File:{File}]格式。我还需要发送“original_file_name”和“function_name”属性。当然，我可以将数组分成3个部分并分别追加它们，但是有没有办法将每个mediasData数组索引的所有there属性发送到formdata数组各自的索引中？

Answer 1

formdata允许您在追加文件时指定文件名，以便处理original_file_name属性。

formData.append(`medias[${i}]`, file.file, file.original_file_name)

PHP可以在$_files['medias']['name'][$index]或任何相关的Laravel抽象中读取它。我肯定它支持文件名。

至于您的其他字段，您唯一真正的选择是添加一个具有相应索引的新数组。您似乎一直试图使用mediasnames这样做，但它看起来更像是

formData.append(`mediaFunctionNames[${i}]`, file.function_name)

let formData = new FormData();
this.mediaData.forEach((file, i) => {
  formData.append(`medias[${i}]`, file.file, file.original_file_name)
  formData.append(`mediaFunctionNames[${i}]`, file.function_name)
})
this.mud_table.name.forEach((mud, i) => {
  formData.append(`mud_table[${i}]`, mud)
})