Javascript 如何将具有附加信息的多个文件附加到表单数据?
我试图将多个文本和字段附加到表单数据中。好消息是我可以通过邮递员成功地将表单数据发送到我的后端(见下图) 问题: 问题是,在我的react js前端,我无法以后端能够理解的方式创建表单数据。通过以下代码,我的后端告诉我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
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
};