## ブラウザの場合
> [!todo]
>
## ブラウザ以外の場合
```ts
async function loadBase64Image(imageUrl: string): Promise<string | null> {
return new Promise((resolve) =>
fetch(imageUrl).then(async (res) => {
const base64 = Buffer.from(await res.arrayBuffer()).toString("base64");
const contentType = res.headers.get("content-type");
resolve(`data:${contentType};base64,${base64}`);
}),
);
}
```
[[Bun]]なら以下のコードで `localhost:3000` にアクセスするれば画像が表示される。
```ts
async function main() {
const url = "画像のURL";
const base64ImageUrl = await loadBase64Image(url);
Bun.serve({
port: 3000,
fetch() {
return new Response(
`<html><body><img src="${base64ImageUrl}" /></body></html>`,
{ headers: { "content-type": "text/html" } },
);
},
});
}
```