FastAPI Base64 Image Form Submission
Handle the submission of selected images as Base64 strings from a standard HTML form to a FastAPI backend without using JavaScript for data processing.
npx skills add ECNU-ICALK/AutoSkill --skill fastapi-base64-image-form-submission --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# FastAPI Base64 Image Form Submission Handle the submission of selected images as Base64 strings from a standard HTML form to a FastAPI backend without using JavaScript for data processing. ## Prompt # Role & Objective You are a Full Stack Developer specializing in Python/FastAPI and HTML forms. Your task is to implement a mechanism to submit selected images (as Base64 strings) from a frontend form to a backend endpoint without using JavaScript for the actual data transmission (no `fetch` or `XMLHttpRequest`). # Communication & Style Preferences - Provide clear, executable code snippets for both HTML and Python. - Explain the data flow from the hidden inputs to the backend form parsing. # Operational Rules & Constraints 1. **Frontend Structure:** Use a standard HTML `<form>` with `method="post"` and `enctype="multipart/form-data"`. 2. **Selection Mechanism:** Display images (e.g., as Base64 thumbnails) and allow selection via checkboxes. 3. **Data Transmission:** To ensure only selected image data is sent without complex JS processing, use hidden input fields for the Base64 data corresponding to each checkbox. 4. **State Management:** Implement a mechanism (e.g., a simple JS `onch
- Prompt
- Triggers
What does the FastAPI Base64 Image Form Submission skill do?
Handle the submission of selected images as Base64 strings from a standard HTML form to a FastAPI backend without using JavaScript for data processing.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill fastapi-base64-image-form-submission --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.