我有一个客户端应用程序,它将一些formData
发布到我的节点后端。来自客户端的数据最初是一个包含files
属性和其他属性的对象。在发布到后端之前,我将对象转换为formData
。
// client.js file
const person = {
email: 'johndoe@gmail.com',
age: 19,
files: [File, File, File],
occupation: '',
status: 'active',
}
person.occupation = this.getOccupation(); // getOccupation() is defined somewhere in the file
const formData = new FormData();
Object.entries(person).forEach(([key, value]) => {
if (key === "files") {
for (let i = 0; i < person[key].length; i++) {
formData.append("files", person[key][i]);
}
} else {
formData.append(key, value);
}
});
// The following logs output the correct information so we're good until this point
console.log(formData.getAll("files"));
console.log(formData.get("occupation"));
console.log(formData.get("status"));
this.submitData(formData); // Posts to the backend
数据通过multer中间件uploadFiles()
发布到节点后端的一个路由。
const submitDataOptions = {
storage: multer.diskStorage({
destination: "./public/uploads/users/files",
filename: function (req, file, cb) {
console.log('Request body');
console.log(req.body);
console.log('Occupation');
console.log(req.body.occupation);
console.log('Status');
console.log(req.body.status);
const ext = file.mimetype.split("/")[1];
const datetimestamp = Date.now();
const fname = `${datetimestamp}.${ext}`;
cb(null, fname);
},
}),
};
uploadFiles() {
return multer(submitDataOptions).array("files");
}
文件上传得很好,但当我console.log(req.body)
时,我注意到返回了一个只有属性email
和age
的对象。记录occupation
和status
在任何一种情况下都返回undefined
。multer文档说req.body
将包含文本字段(如果有的话(,但在这种情况下,我找不到这些字段。
这里的问题是什么?
req.body
可能尚未完全填充。这取决于客户端将字段和文件传输到服务器的顺序。
所以只需将文件放在对象的最后:
const person = {
email: 'johndoe@gmail.com',
age: 19,
occupation: '',
status: 'active',
files: [File, File, File],
}