Si uso FormData en Next.js para cargar una imagen en el servidor, siempre recibo este error.
Intenté mucho pero no arreglé esto.
Mi código:
const changeValue = (e) => { if (e.target.name === "avatar") { const file = e.target.files[0]; const formData = new FormData(); formData.append("image", file, file.name); try { const config = { Headers: { "Content-Type": "multipart/form-data", }, }; axios .post("/api/upload", formData, config) .then((res) => { setAvatar(res.data); setAvatarPreview(res.data); }) .catch((err) => { console.log(err.message); }); } catch (err) { console.log(err); } } }El límite de tamaño predeterminado para el analizador de cuerpo es de 1mb en las rutas API. Puede modificar este valor a través del objeto de config personalizado exportado desde la ruta API.
// /pages/api/upload.js export const config = { api: { bodyParser: { sizeLimit: '4mb' // Set desired value here } } }Tenga en cuenta que hay un límite impuesto en el tamaño del cuerpo de las rutas API, consulte ¿Cómo anular el límite de tamaño del cuerpo de las rutas API de 4 MB? para detalles.