This repository contains a client-side web application demonstrating a basic interface for loading and "solving" captcha images. It allows users to input an image URL (or uses a default local image) and then enter a potential solution for the displayed captcha.
- Load Captcha by URL: Easily load any captcha image by providing its URL.
- Default Image Support: Defaults to
sample.pngif no URL is specified. - User Input for Solution: Provides an input field for users to enter their captcha solution.
- Client-Side Demo: Illustrates the frontend interaction for a captcha challenge. (Note: actual captcha validation typically requires server-side logic).
- Responsive Design: Built with Tailwind CSS for a modern, responsive user experience across different devices.
To run this application:
- Save the files: Save
index.html,README.md,LICENSE, andsample.pngin the same directory. - Open
index.html: Open theindex.htmlfile directly in your web browser.
You can specify an image URL in two ways:
- Using the input field: Enter the desired image URL into the "Image URL" input box and click "Load Captcha Image".
- Via URL parameter: Append
?url=followed by the image URL to your browser's address bar when openingindex.html.- Example:
file:///path/to/your/index.html?url=https://example.com/some-captcha.png - Example:
file:///path/to/your/index.html?url=another-image.jpg(ifanother-image.jpgis in the same directory)
- Example:
- Once an image is loaded, type your solution into the "Your Solution" input field.
- Click "Submit Solution". The application will display your submitted solution (without actual server-side validation).
- HTML5: Structure of the web page.
- Tailwind CSS: For styling and responsive design.
- JavaScript: For dynamic behavior and handling image loading/submission logic.
This project is open-sourced under the MIT License. See the LICENSE file for more details.