Javascript 如何将具有附加信息的多个文件附加到表单数据?

Javascript 如何将具有附加信息的多个文件附加到表单数据?,javascript,reactjs,Javascript,Reactjs,我试图将多个文本和字段附加到表单数据中。好消息是我可以通过邮递员成功地将表单数据发送到我的后端(见下图) 问题: 问题是,在我的react js前端,我无法以后端能够理解的方式创建表单数据。通过以下代码,我的后端告诉我story\u媒体(pin):[“此字段是必需的”。] onClickUpload (e){ let files = this.state.image; // files is a array in the following structure // 0: {i

我试图将多个文本和字段附加到表单数据中。好消息是我可以通过邮递员成功地将表单数据发送到我的后端(见下图)

问题:

问题是,在我的react js前端,我无法以后端能够理解的方式创建表单数据。通过以下代码,我的后端告诉我
story\u媒体(pin):[“此字段是必需的”。]

onClickUpload (e){

  let files = this.state.image;

  //  files is a array in the following structure
  // 0: {isTitlePicture: true, file: File}
  // 1: {isTitlePicture: false, file: File}
  // 2: {isTitlePicture: false, file: File}
  // 3: {isTitlePicture: false, file: File}

  var data = new FormData();
  data.append('title', this.state.title);

  for (var i = 0; i < files.length; i++) {
    data.append('story_media[]', files[i])
 }

   this.props.addStory(data);

}
构造表单数据有什么错


我很高兴得到任何澄清。

关于表单数据,您是指JSON数据吗?因为表单数据可以是anything@AKC我实际上没有进一步指定它是否是JSON。另请参见我添加的邮递员帖子的标题。
var data = new FormData();
data.append('title', 'Neuer Test');
data.append('story_media[0]isTitlePicture', 'True');
data.append('story_media[0]file', fs.createReadStream('/C:/4.jpeg'));

var config = {
  method: 'post',
  url: 'http://localhost:8000/api/story/createupdatedestroy/',
  headers: { 
    'Authorization': 'Token 12345', 
    ...data.getHeaders()
  },
  data : data
};