javascript - 将 FormData 嵌套对象与文件一起附加

Question

我需要对服务器进行修补，该服务器需要非常特定的正文格式。像这样的事情:

{
  file: MY_FILE_OBJECT
  name: 'Name',
  nestedObject: {
    nestednestedObject1: {
      name: 'Some other name'
    },
    nestednestedObject2: {
      name: 'Yet another name'
    },
  }
}

因为我需要能够传入一个文件，所以我必须将其放入 FormData 对象。因此，对于主要字段，形成请求正文非常好且容易

const data = new FormData()
data.append('file', file, file.name)
data.append('name', 'Name')

但是，我该如何执行嵌套的 translation 对象呢？我在另一个线程中看到了我做一个 blob 的建议。应该是这样的:

const fullPatchObject = {
  nestedObject: {
    nestednestedObject1: { name: 'Some other name' }
    nestednestedObject2: { name: 'Yet another name' }
  }
}
const blob = new Blob([JSON.stringify(fullPatchObject)], { type: 'application/json' })
data.append('nestedObject', blob)

但这不起作用。我在服务器中使用 multer 来处理文件，并收到以下错误对象:

name: 'MulterError',
message: 'Unexpected field',
code: 'LIMIT_UNEXPECTED_FILE',
field: 'nestedObject'

请记住，如果我不使用嵌套对象，对于我尝试修补的文件和字段，一切都会按预期工作。问题似乎是 multer 认为我的 nestedObject 可能也是一个文件？问题是......嗯......事实并非如此，我只是希望它像 name 字段一样作为字段传递。 我错过了什么吗？使用 FormData 发送嵌套对象的方法是什么？

Answer 1

尝试使用数组样式名称:

data.append("nestedObject[nestedNestedObject1][name]", "Some other name");
data.append("nestedObject[nestedNestedObject2][name]", "Yet another name");