Image URL Viewer

A simple web application that allows users to enter an image URL and display the image directly in the browser.

• Clean, responsive interface built with TailwindCSS
• URL validation with helpful error messages
• Loading states with spinner animation
• Direct image display from URL
• Support for keyboard shortcuts (Enter to submit)
• Error handling for invalid URLs and failed image loads
• Responsive image display with max height constraints

1. Enter a valid image URL in the input field (must include http:// or https://)
2. Click the "Confirm" button or press Enter
3. Wait for the image to load
4. View the image displayed in the preview section

The application can display any image format supported by web browsers:

• JPEG (.jpg, .jpeg)
• PNG (.png)
• GIF (.gif)
• WebP (.webp)
• SVG (.svg)
• And more...

• https://picsum.photos/400/300 - Random placeholder image
• https://via.placeholder.com/500x300/blue/white?text=Hello - Custom placeholder
• Any direct link to an image file

• Built as a single-file Val Town HTTP endpoint
• Direct image URL display (no screenshot generation)
• Responsive design that works on desktop and mobile
• Client-side JavaScript handles the user interface
• Server-side validation and error handling
• Image error handling with fallback messages

• GET / - Serves the main HTML interface
• POST /preview - Processes image URL for display
  • Request body: { "url": "https://example.com/image.jpg" }
  • Response: { "success": true, "imageUrl": "https://example.com/image.jpg" }

The application handles various error cases:

• Empty URL input
• Invalid URL format
• Images that fail to load (shows error message)
• Network errors during processing

All errors are displayed to the user with clear, actionable messages.