当我发送表单数据，然后try 记录"req"时.文件"或"请求.身体描述'在后端，我得到'未定义'.如果我只是记录"req".然后我得到:
------WebkitformboundaryABQZV2VOXZV0ZA
------WebkitformboundaryABQZV2VOXZV0ZA
测试123
// Front-End (Next.js)
const AddPhotos = () => {
const uploadImg = async (e) => {
e.preventDefault();
try {
const file = e.target.querySelector('#image').files[0];
const desc = e.target.querySelector('#desc').value;
const formData = new FormData();
formData.append('image', file);
formData.append('description', desc);
const res = await fetch('/api/uploadImg', {
method: 'POST',
headers: {
'Content-Type': 'multipart/form-data'
},
body: formData
});
const data = await res.json();
console.log(data);
} catch (err) {
console.log(err)
}
}
return (
<div>
<form onSubmit={uploadImg}>
<input
type='file'
name='image'
id='image'
accept='image/*'
/>
<input type='text' id='desc' />
<input type='submit' value='Upload'/>
</form>
</div>
);
};
export default AddPhotos;
// Back-End (Next.js built-in API)
export default async function handler(req, res) {
try {
const file = req.file;
const desc = req.body.description;
console.log(file)
res.json(true);
} catch(err) {
console.log(err)
res.status(404).json(`${err}`)
}
}