Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
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 lightpointventures/claude-code-starterHow this skill is triggered — by the user, by Claude, or both
Slash command
/claude-code-starter:storageThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
帮用户为项目添加文件上传和存储功能。
Uploads, downloads, and manages CloudBase storage objects from browser apps using @cloudbase/js-sdk. Covers temporary URLs, file management, and security domain setup.
Guides file storage and CDN setup with object storage (S3, GCS, Azure Blob), presigned URLs, image/video processing pipelines, lifecycle policies, cost optimization, and backups.
Implements Vercel Blob for Next.js file uploads (images, PDFs, videos), client uploads with tokens, presigned URLs, listing/deleting, pathname organization, and fixes errors like BLOB_READ_WRITE_TOKEN or size limits.
Share bugs, ideas, or general feedback.
帮用户为项目添加文件上传和存储功能。
问题 1：上传什么文件
用户需要上传什么？
- 图片（头像、产品图）
- 文档（PDF、Word）
- 通用文件 这决定了需要的文件验证和处理逻辑。
问题 2：存储方案
文件存在哪里？
- 本地存储（最简单，适合开发和小项目）
- Cloudflare R2（便宜，兼容 S3 API，推荐生产用）
- AWS S3（成熟稳定，企业首选）
- Supabase Storage（如果已经用 Supabase） 不确定就先用本地存储，后面再换。
后端：
前端：
安全措施：
上传一个测试文件，确认可以上传、预览和下载。
文件上传功能已添加。 如果需要图片裁剪或压缩，告诉我。