Upload logbook background 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\");\n\n if (!(file instanceof File)) {\n return c.text(`Missing file (got ${typeof file})`, 400);\n }\n\n const buf = await file.arrayBuffer();\n\n // Best-effort delete old key (ignore failures)\n try {\n await blob.delete({ key });\n } catch {}\n\n // ✅ Object form (most compatible): stores real bytes\n await blob.set({ key, value: buf });\n\n return c.html(`\n

Uploaded as ${key}

View image
Debug (check PNG signature)

Upload another

\n `);\n});\n\napp.get(\"/images_debug/: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 = new Uint8Array(await new Response(data).arrayBuffer());\n const sig8 = hex(bytes, 8);\n\n return c.json({\n ok: true,\n key,\n byteLength: bytes.byteLength,\n first8: sig8,\n looksLikePng: sig8 === \"89 50 4e 47 0d 0a 1a 0a\",\n pngSignature: \"89 50 4e 47 0d 0a 1a 0a\",\n });\n});\n\napp.get(\"/images/: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 = new Uint8Array(await new Response(data).arrayBuffer());\n\n return new Response(bytes, {\n headers: {\n \"Content-Type\": \"image/png\",\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/main.ts","extension","actionData","errors"]