From claude-code-starter
Adds file upload and storage to projects via backend API with validation, frontend drag-drop UI with preview/progress, and support for local, Cloudflare R2, AWS S3, or Supabase storage. Use for images, documents, or files.
npx claudepluginhub lighthouse-strategy/claude-code-starterThis skill uses the workspace's default tool permissions.
帮用户为项目添加文件上传和存储功能。
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Guides agent creation for Claude Code plugins with file templates, frontmatter specs (name, description, model), triggering examples, system prompts, and best practices.
帮用户为项目添加文件上传和存储功能。
问题 1:上传什么文件
用户需要上传什么?
- 图片(头像、产品图)
- 文档(PDF、Word)
- 通用文件 这决定了需要的文件验证和处理逻辑。
问题 2:存储方案
文件存在哪里?
- 本地存储(最简单,适合开发和小项目)
- Cloudflare R2(便宜,兼容 S3 API,推荐生产用)
- AWS S3(成熟稳定,企业首选)
- Supabase Storage(如果已经用 Supabase) 不确定就先用本地存储,后面再换。
后端:
前端:
安全措施:
上传一个测试文件,确认可以上传、预览和下载。
文件上传功能已添加。 如果需要图片裁剪或压缩,告诉我。