fix(fetch): set content-length header for FormData body

lib/fetch/body.js

@@ -141,7 +141,37 @@ function extractBody (object, keepalive = false) {
     source = object
 
     // Set length to unclear, see html/6424 for improving this.
-    // TODO
+    length = (() => {
+      const prefixLength = prefix.length
+      const boundaryLength = boundary.length
+      let bodyLength = 0
+
+      for (const [name, value] of object) {
+        if (typeof value === 'string') {
+          bodyLength +=
+            prefixLength +
+            Buffer.byteLength(`; name="${escape(normalizeLinefeeds(name))}"`) +
+            Buffer.byteLength(`\r\n\r\n${normalizeLinefeeds(value)}\r\n`)
+        } else {
+          bodyLength +=
+            prefixLength +
+            Buffer.byteLength(`; name="${escape(normalizeLinefeeds(name))}"`) +
+            (value.name ? Buffer.byteLength(`; filename="${escape(value.name)}"`) : 0) +
+            2 + // \r\n
+            `Content-Type: ${
+              value.type || 'application/octet-stream'
+            }\r\n\r\n`.length
+
+          // value is a Blob or File
+          bodyLength += value.size
+
+          bodyLength += 2 // \r\n
+        }
+      }
+
+      bodyLength += boundaryLength + 4 // --boundary--
+      return bodyLength
+    })()
 
     // Set type to `multipart/form-data; boundary=`,
     // followed by the multipart/form-data boundary string generated

test/fetch/content-length.js

@@ -0,0 +1,31 @@
+'use strict'
+
+const { test } = require('tap')
+const { Blob } = require('buffer')
+const { FormData, fetch } = require('../..')
+const { once } = require('events')
+const { createServer } = require('http')
+
+const isV16x = process.version.startsWith('v16.')
+
+// https://github.com/nodejs/undici/issues/1783
+test('Sending a FormData body sets Content-Length header', { skip: isV16x }, async (t) => {
+  const server = createServer((req, res) => {
+    t.equal(req.headers['content-length'], '285')
+    res.end()
+  }).listen(0)
+
+  await once(server, 'listening')
+  t.teardown(server.close.bind(server))
+
+  const blob = new Blob(['body'], { type: 'text/plain' })
+
+  const fd = new FormData()
+  fd.append('file', blob)
+  fd.append('string', 'string value')
+
+  await fetch(`http://localhost:${server.address().port}`, {
+    method: 'POST',
+    body: fd
+  })
+})