📸 Simple Image Host

Your last 4 uploaded images

\n \n

\n ${images.length > 0 ? `\n

\n ${images.map(image => `\n

\n $\"${escapeHtml(image.filename)}\"$ \n

${escapeHtml(image.filename)}

\n ${formatFileSize(image.file_size)} • ${formatDate(image.uploaded_at)}\n

\n `).join('')}\n

\n ` : `\n

No images yet

No images have been uploaded.

\n `}\n

\n\n`;\n \n return c.html(html);\n});\n\n// Upload form page\napp.get(\"/add\", async (c) => {\n const html = `\n\n\n\n \n \n Upload Image - Simple Image Host\n \n\n\n

📤 Upload Image

Share a new image

\n \n

\n\n`;\n \n return c.html(html);\n});\n\n// Handle image upload\napp.post(\"/add\", async (c) => {\n try {\n const formData = await c.req.formData();\n const imageFile = formData.get('image') as File;\n \n if (!imageFile) {\n return c.html(getUploadPageWithMessage(\"Please select an image file.\", \"error\"));\n }\n \n // Validate file type\n if (!imageFile.type.startsWith('image/')) {\n return c.html(getUploadPageWithMessage(\"Please upload a valid image file.\", \"error\"));\n }\n \n // Validate file size (limit to 10MB)\n const maxSize = 10 * 1024 * 1024; // 10MB\n if (imageFile.size > maxSize) {\n return c.html(getUploadPageWithMessage(\"Image file is too large. Please choose a file smaller than 10MB.\", \"error\"));\n }\n \n // Convert to base64 for storage\n const arrayBuffer = await imageFile.arrayBuffer();\n const uint8Array = new Uint8Array(arrayBuffer);\n \n // Convert to base64 in chunks to avoid stack overflow\n let binary = '';\n const chunkSize = 8192;\n for (let i = 0; i < uint8Array.length; i += chunkSize) {\n const chunk = uint8Array.slice(i, i + chunkSize);\n binary += String.fromCharCode(...chunk);\n }\n const base64 = btoa(binary);\n \n // Save image\n await saveImage(imageFile.name, base64, imageFile.type, imageFile.size);\n \n // Redirect to home page after successful upload\n return c.redirect(\"/\");\n \n } catch (error) {\n console.error(\"Upload error:\", error);\n return c.html(getUploadPageWithMessage(\"An error occurred while uploading the image. Please try again.\", \"error\"));\n }\n});\n\n// Serve individual images\napp.get(\"/image/:blobKey\", async (c) => {\n try {\n const blobKey = c.req.param('blobKey');\n const imageResult = await getImageData(blobKey);\n \n if (!imageResult) {\n return c.text(\"Image not found\", 404);\n }\n \n // Validate base64 data\n if (!imageResult.data || typeof imageResult.data !== 'string') {\n console.error(\"Invalid image data:\", typeof imageResult.data);\n return c.text(\"Invalid image data\", 500);\n }\n \n try {\n // Convert base64 back to binary\n const binaryString = atob(imageResult.data);\n const bytes = new Uint8Array(binaryString.length);\n for (let i = 0; i < binaryString.length; i++) {\n bytes[i] = binaryString.charCodeAt(i);\n }\n \n return c.body(bytes, 200, {\n \"Content-Type\": imageResult.contentType,\n \"Cache-Control\": \"public, max-age=31536000\" // Cache for 1 year\n });\n } catch (decodeError) {\n console.error(\"Base64 decode error:\", decodeError);\n console.error(\"Data length:\", imageResult.data.length);\n console.error(\"Data preview:\", imageResult.data.substring(0, 100));\n return c.text(\"Error decoding image data\", 500);\n }\n } catch (error) {\n console.error(\"Image serve error:\", error);\n return c.text(\"Error serving image\", 500);\n }\n});\n\n// Helper functions\nfunction escapeHtml(text: string): string {\n return text\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}\n\nfunction formatFileSize(bytes: number): string {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n}\n\nfunction formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString() + ' ' + date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n}\n\nfunction getUploadPageWithMessage(message: string, type: 'success' | 'error'): string {\n return `\n\n\n\n \n \n Upload Image - Simple Image Host\n \n\n\n

📤 Upload Image

Share a new image

\n \n

\n ${message}\n

\n \n \n

\n\n`;\n}\n\nexport default app.fetch;","deleted","label",[170,153],"backend","permalink","https://www.val.town/x/flymaster/Images/code/backend/index.ts","extension","actionData","errors"]