413 Payload Too Large Error

Configure the web server and application to allow larger request bodies.

# Nginx: increase body size limit
http {
  client_max_body_size 50M;
}

# Express.js
app.use(express.json({ limit: "50mb" }))
app.use(express.urlencoded({ limit: "50mb", extended: true }))

Break large files into smaller chunks and upload them sequentially.

const CHUNK_SIZE = 1024 * 1024 // 1MB chunks
function uploadInChunks(file) {
  for (let start = 0; start < file.size; start += CHUNK_SIZE) {
    const chunk = file.slice(start, start + CHUNK_SIZE)
    const formData = new FormData()
    formData.append("chunk", chunk)
    formData.append("index", start / CHUNK_SIZE)
    formData.append("total", Math.ceil(file.size / CHUNK_SIZE))
    await fetch("/api/upload", { method: "POST", body: formData })
  }
}

Compress large payloads to reduce their size before transmission.

// Compress JSON before sending
async function sendCompressed(url, data) {
  const blob = new Blob([JSON.stringify(data)])
  const compressed = new CompressionStream("gzip")
  // Send with Content-Encoding header
  fetch(url, {
    method: "POST",
    headers: { "Content-Encoding": "gzip" },
    body: blob
  })
}