Stream Response Body

Read response body as a stream for large files or real-time data.

Code

Utilities

const response = await fetch('https://httpbin.org/stream-bytes/1024?chunk_size=256');
const reader = response.body.getReader();

let totalBytes = 0;
let chunks = 0;

while (true) {
  const { done, value } = await reader.read();
  if (done) break;
  chunks++;
  totalBytes += value.length;
}

({ chunks, totalBytes });

Browser·fetch() may be limited by CORS

Use Cases

Large file downloads - Process without loading entire file in memory
Server-sent events - Real-time updates
Progress tracking - Show download progress
Early termination - Stop reading when you have enough data

More JavaScript Snippets

Add Query Parameter

Add or update a query parameter in a URL string.

Bearer Token Authentication

Make an authenticated HTTP request using Bearer token for JWT or OAuth.

Check Cloudflare Cache Status

Check if a resource is served from Cloudflare's cache by inspecting the CF-Cache-Status header.

CORS Cross-Origin Request

Make a cross-origin HTTP request with CORS headers inspection.

Delayed Response (Test Timeouts)

Request a delayed response to test timeout handling with AbortController.

Download Binary File

Download an image or binary file and convert it to a blob or base64.