51 lines
1.3 KiB
Plaintext
51 lines
1.3 KiB
Plaintext
---
|
|
title: Stream a file as an HTTP Response
|
|
sidebarTitle: Stream file response
|
|
mode: center
|
|
---
|
|
|
|
[`Bun.file()`](/runtime/file-io#reading-files-bun-file) accepts a path and returns a lazily-loaded `BunFile` instance, which you can pass directly to the `new Response` constructor.
|
|
|
|
```ts server.ts icon="/icons/typescript.svg"
|
|
const path = "/path/to/file.txt";
|
|
const file = Bun.file(path);
|
|
const resp = new Response(file);
|
|
```
|
|
|
|
---
|
|
|
|
Bun determines the `Content-Type` from the file extension and sets it on the `Response`.
|
|
|
|
```ts server.ts icon="/icons/typescript.svg"
|
|
new Response(Bun.file("./package.json")).headers.get("Content-Type");
|
|
// => application/json;charset=utf-8
|
|
|
|
new Response(Bun.file("./test.txt")).headers.get("Content-Type");
|
|
// => text/plain;charset=utf-8
|
|
|
|
new Response(Bun.file("./index.tsx")).headers.get("Content-Type");
|
|
// => text/javascript;charset=utf-8
|
|
|
|
new Response(Bun.file("./img.png")).headers.get("Content-Type");
|
|
// => image/png
|
|
```
|
|
|
|
---
|
|
|
|
Putting it all together with [`Bun.serve()`](/runtime/http/server).
|
|
|
|
```ts server.ts icon="/icons/typescript.svg"
|
|
// static file server
|
|
Bun.serve({
|
|
async fetch(req) {
|
|
const path = new URL(req.url).pathname;
|
|
const file = Bun.file(path);
|
|
return new Response(file);
|
|
},
|
|
});
|
|
```
|
|
|
|
---
|
|
|
|
See [`Bun.write()`](/runtime/file-io#writing-files-bun-write).
|