[wrangler:err] TypeError: Parsing a Body as FormData requires a Content-Type header.

I believe this error is happening at

request.formData()

request.formData()

request.formData()

request.formData() below and I'm just trying process the request from a basic html form with a few input fields and has the

application/x-www-form-urlencoded

application/x-www-form-urlencoded

application/x-www-form-urlencoded

application/x-www-form-urlencoded content-type header, so I'm not sure why its throwing the error

export default {
    async fetch(request, env, ctx) {
        await request.formData().then(async (formData) => {
            console.log(formData);
        });
        return new Response("Message sent successfully!");
    }
};

export default {
    async fetch(request, env, ctx) {
        await request.formData().then(async (formData) => {
            console.log(formData);
        });
        return new Response("Message sent successfully!");
    }
};

export default {
    async fetch(request, env, ctx) {
        await request.formData().then(async (formData) => {
            console.log(formData);
        });
        return new Response("Message sent successfully!");
    }
};

export default {
    async fetch(request, env, ctx) {
        await request.formData().then(async (formData) => {
            console.log(formData);
        });
        return new Response("Message sent successfully!");
    }
};

Any advice would be appreciated.

Walshy•2/21/25, 3:49 AM

$ curl https://worker-test.walshy.dev/urlencoded-form-data -X POST -d 'key=value' -s | jq .
{
  "key": "value"
}

$ curl https://worker-test.walshy.dev/urlencoded-form-data -X POST -d 'key=value' -s | jq .
{
  "key": "value"
}

cannot repro, looks fine to me

Walshy•2/21/25, 3:49 AM

if (path === '/urlencoded-form-data') {
    const formData = await req.formData();

    return Response.json(Object.fromEntries(formData.entries()));
}

if (path === '/urlencoded-form-data') {
    const formData = await req.formData();

    return Response.json(Object.fromEntries(formData.entries()));
}

afOP•2/21/25, 4:45 AM

Thank you.

I think it no longer throws the error after I use fetch in the client side JS instead of relying on the action attribute to submit the form.

[wrangler:err] TypeError: Parsing a Body as FormData requires a Content-Type header.

Similar Threads

Similar Threads

Similar Threads