Upload image to blob

\n \n\n

\n\n

\n List keys\n • \n Inspect logbook_bg.png\n • \n View logbook_bg.png\n

\n `));\n\napp.post(\"/\", async (c) => {\n const form = await c.req.formData();\n const file = form.get(\"file\");\n const key = String(form.get(\"key\") || \"logbook_bg.png\").trim();\n\n if (!(file instanceof File)) return c.text(\"Missing file\", 400);\n if (!key) return c.text(\"Missing key\", 400);\n\n // ✅ Store raw bytes (never pass Response/Object)\n const bytes = new Uint8Array(await file.arrayBuffer());\n\n // overwrite existing if present (ignore error if missing)\n try {\n await blob.delete(key);\n } catch {}\n\n await blob.set(key, bytes);\n\n return c.html(`\n

Uploaded ${key} (${bytes.byteLength} bytes)

Inspect
View
List

Back

\n `);\n});\n\napp.get(\"/list\", async (c) => {\n const keys = await blob.list();\n return c.json(keys);\n});\n\napp.get(\"/inspect/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const data = await blob.get(key);\n if (!data) return c.json({ ok: false, error: \"not found\" }, 404);\n\n const bytes = await blobToBytes(data);\n const first16 = bytesToHex(bytes, 16);\n\n return c.json({\n ok: true,\n key,\n byteLength: bytes.byteLength,\n first16,\n looksLikePng: isPng(bytes),\n contentType: contentTypeFor(key),\n });\n});\n\napp.get(\"/img/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const data = await blob.get(key);\n if (!data) return c.text(\"Not found\", 404);\n\n const bytes = await blobToBytes(data);\n\n return new Response(bytes, {\n headers: {\n \"Content-Type\": contentTypeFor(key),\n \"Cache-Control\": \"no-store\",\n },\n });\n});\n\nexport default app.fetch;","deleted","label",[100],"permalink","https://www.val.town/x/emdu_07/uploadScenepng/code/new-file-2488.ts","extension","actionData","errors"]