Serverless EXIF Reader

Read EXIF data from an image file

{message}

\n \n \n \n \n

\n {tags.length !== 0 && (\n

\n \n \n \n \n \n \n \n \n \n \n {tags.map((tag) => (\n \n \n \n \n \n ))}\n \n

Results
Tag	Value	Description
{tag.name}	{tag.content.value}	{tag.content.description}

\n )}\n \n \n \n );\n};\n\ntype Env = {};\n\nconst app = new Hono();\n\napp.get(\"/\", async (c: Context) => {\n return c.html();\n});\n\napp.post(\"/\", async (c: Context) => {\n const body = await c.req.parseBody();\n const file = body[\"file\"];\n const filename = body[\"file\"].name;\n const filetype = body[\"file\"].type;\n console.log(body[\"file\"]);\n const tags = await ExifReader.load(file, {\n expanded: true,\n includeUnknown: true,\n });\n\n console.log(tags);\n\n const list = [];\n\n for (const group in tags) {\n for (const name in tags[group]) {\n // console.log(name);\n const value = tags[group][name];\n // const key = name;\n list.push({\n name: name,\n content: value,\n });\n }\n }\n\n console.log(list);\n // const imageDate = tags[\"DateTimeOriginal\"].description;\n // const unprocessedTagValue = tags[\"DateTimeOriginal\"].value;\n // send data values in tabular format\n\n return c.html();\n});\n\nexport default app.fetch;","deleted","label","children",[],[99],{"_103":171,"_95":172,"_152":173,"_154":-5,"_155":138,"_156":174,"_157":158,"_105":175,"_100":176,"_161":177,"_163":178,"_165":22,"_166":-5,"_167":179,"_98":180},"eaebc19c-5f3d-11f0-88e7-0224a6c84d84","README.md","e1349670-5bfe-11f0-a68c-0224a6c84d84",99,["D",1752337998732],3,"file","# Serverless EXIF Reader\nThis project is a simple, serverless application built with **Hono** and **React** that allows you to easily extract EXIF (Exchangeable Image File Format) data from image files. It's deployed and runs entirely on [Val Town](https://val.town).\n\nBuilt it for personal use and to be become familiar with val.town (it's awesome btw)\nFeel free to request any features or report bugs.",[],[172],"files",[150,170],"counts",{"_185":32,"_186":187,"_188":32,"_189":32},"pulls","branches",1,"forks","envVars","contents",[],{"_103":151,"_95":99,"_152":153,"_154":-5,"_155":138,"_156":137,"_157":158,"_105":193,"_100":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":194},["D",1754138781686],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":203,"_148":208,"_181":215,"_177":216,"_190":218,"_219":-5,"_220":22,"_221":-5,"_222":-5,"_223":-5,"_224":225},{"_103":104,"_95":96,"_105":204,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":205,"_132":206,"_135":207,"_147":22},["D",1751981070637],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_103":138,"_139":104,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[209,212],{"_103":151,"_95":99,"_152":153,"_154":-5,"_155":138,"_156":137,"_157":158,"_105":159,"_100":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_167":210,"_98":211},[],[99],{"_103":171,"_95":172,"_152":173,"_154":-5,"_155":138,"_156":174,"_157":158,"_105":175,"_100":176,"_161":177,"_163":178,"_165":22,"_166":-5,"_167":213,"_98":214},[],[172],[209,212],{"_103":151,"_95":99,"_152":153,"_154":-5,"_155":138,"_156":137,"_157":158,"_105":193,"_100":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":217},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]