附加FormData嵌套对象以及文件

时间:2019-02-27 21:13:55

标签: javascript multipartform-data multer form-data

我需要对服务器进行PATCH,该服务器需要非常特定的主体格式。像这样:

{
  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发送嵌套对象的方式是什么?

1 个答案:

答案 0 :(得分:1)

尝试使用数组样式名称:

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