Image Upload

\n \n
\n

\n \n Manage your blobs in Val Town settings\n \n

\n \n ,\n ));\n\napp.post(\"/\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"file\");\n\n if (!file || !(file instanceof File)) {\n return c.text(\"No file uploaded\", 400);\n }\n\n const timestamp = Date.now();\n const key = `img_${timestamp}_${file.name}`;\n\n await blob.set(key, file);\n\n const baseUrl = new URL(c.req.url).origin;\n const imageUrl = `${baseUrl}/image/${encodeURIComponent(key)}`;\n\n return c.html(\n \n \n

Upload successful!

\n Image URL:\n

\n            {imageUrl}\n

\n
\n
\n \n
\n
\n Upload another |{\" \"}\n \n Manage blobs\n \n \n ,\n );\n } catch (error) {\n return c.text(`Error: ${error.message}`, 500);\n }\n});\n\napp.get(\"/image/:key\", async (c) => {\n try {\n const key = decodeURIComponent(c.req.param(\"key\"));\n const imageResponse = await blob.get(key);\n\n if (!imageResponse) {\n return c.text(\"Image not found\", 404);\n }\n\n const imageBlob = await imageResponse.blob();\n\n let contentType = \"image/jpeg\";\n if (key.includes(\".png\")) contentType = \"image/png\";\n else if (key.includes(\".gif\")) contentType = \"image/gif\";\n else if (key.includes(\".webp\")) contentType = \"image/webp\";\n\n return new Response(imageBlob, {\n headers: {\n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=31536000\",\n },\n });\n } catch (error) {\n return c.text(`Error: ${error.message}`, 500);\n }\n});\n\nexport default app.fetch;",[],[179],"files",[158,177],"counts",{"_189":33,"_190":123,"_191":192,"_193":194,"_197":198},"pulls","branches","forks",5,"envVars",{"_195":33,"_196":33},"count","emptyCount","connections",{"_195":33,"_199":33},"unfilledCount","contents",[202,205],{"_104":159,"_97":160,"_161":162,"_163":-5,"_164":146,"_165":123,"_166":119,"_106":203,"_101":33,"_168":169,"_170":171,"_172":22,"_173":-5,"_100":204},["D",1768241112448],[160],{"_104":178,"_97":179,"_161":117,"_163":-5,"_164":146,"_165":123,"_166":119,"_106":206,"_101":33,"_168":181,"_170":182,"_172":22,"_173":-5,"_100":207},["D",1768241112448],[179],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.remixes",{"_95":96,"_97":98,"_102":216,"_191":221,"_272":22,"_273":33,"_274":192,"_275":-5},{"_104":105,"_97":98,"_106":217,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":123,"_16":124,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_23":218,"_139":219,"_144":220,"_155":22},["D",1768241112448],{"_95":96,"_137":138},{"_95":96,"_141":138,"_14":115,"_142":143},{"_101":123,"_97":45,"_104":146,"_147":105,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":98,"_154":96},[222,232,242,252,262],{"_104":223,"_97":98,"_112":113,"_114":-5,"_110":111,"_14":224,"_16":225,"_155":22,"_23":226,"_139":229,"_116":230,"_118":119,"_106":231,"_122":33},"a0327470-f097-11f0-be54-42dde27851f2","019b8ed8-ddf9-70cb-ad0a-074c87731d15","019b8ed8-ddf9-70cb-ad0a-095617756859",{"_95":227,"_137":228},"zakattack3289","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRTmdsd21LZkJwMzhQT2V4dWNyVlE0a28ifQ",{"_95":227,"_141":228,"_14":224,"_142":143},"019bb80d-6eb2-720f-a35e-f9e70ec61957",["D",1768319446657],{"_104":233,"_97":98,"_112":113,"_114":-5,"_110":111,"_14":234,"_16":235,"_155":22,"_23":236,"_139":239,"_116":240,"_118":119,"_106":241,"_122":33},"6c51d510-f097-11f0-b27b-42dde27851f2","019b8ed6-c233-751a-b2ec-3752c31a36e4","019b8ed6-c233-751a-b2ec-3b827708ff06",{"_95":237,"_137":238},"chloelavazza","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRQ1VHTGtnRnpWZUhseWp1WVAyaHc3RU4ifQ",{"_95":237,"_141":238,"_14":234,"_142":143},"019bb80c-1ab4-775c-8227-1b33f16ebf22",["D",1768319359619],{"_104":243,"_97":98,"_112":113,"_114":-5,"_110":111,"_14":244,"_16":245,"_155":22,"_23":246,"_139":249,"_116":250,"_118":119,"_106":251,"_122":33},"6950c290-f097-11f0-be54-42dde27851f2","019b8ed8-ded1-70a4-9d6a-bf5e88a7c1ed","019b8ed8-ded1-70a4-9d6a-c0f22810e7d4",{"_95":247,"_137":248},"jolicollette","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRVFg3aGp3am1rWld0a005UjZmcHhQYkkifQ",{"_95":247,"_141":248,"_14":244,"_142":143},"019bb80c-0704-742b-93c5-f08dddf374d8",["D",1768319354581],{"_104":253,"_97":98,"_112":113,"_114":-5,"_110":111,"_14":254,"_16":255,"_155":22,"_23":256,"_139":259,"_116":260,"_118":119,"_106":261,"_122":33},"68d14ae2-f097-11f0-be54-42dde27851f2","019b8ed7-c6cc-740e-8689-1d3b65598e4e","019b8ed7-c6cd-76a2-9a8a-38ef7fc1f298",{"_95":257,"_137":258},"Collin08","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM3cVFJbFo2UzFsSUlKVFFKUzV4cDgxWFdQcSJ9",{"_95":257,"_141":258,"_14":254,"_142":143},"019bb80c-03c3-7256-8212-e8d44f1fa9bc",["D",1768319353744],{"_104":263,"_97":98,"_112":113,"_114":-5,"_110":111,"_14":264,"_16":265,"_155":22,"_23":266,"_139":269,"_116":270,"_118":119,"_106":271,"_122":33},"683f98d6-f097-11f0-bcc7-42dde27851f2","019b8ed6-64fc-74d8-a823-6c4df7940ebf","019b8ed6-64fc-74d8-a823-7164d27e5a25",{"_95":267,"_137":268},"sammyk1234","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FROVNqMzlzTHlQUUdsRkVLcmxMV0tyckMifQ",{"_95":267,"_141":268,"_14":264,"_142":143},"019bb80c-000f-767e-907c-432f0cc97bd9",["D",1768319352780],"hasNext","page","forkCount","upstream","actionData","errors"]

ceculbe

image-uploader