文件上传套件

ReactUploadFileOSSS3更新于 2026-08-14

使用场景: 为应用添加文件上传:图片/视频/文档上传、拖拽上传区、分片大文件上传与云端存储(OSS/S3)集成。

安装
npx skills add file-upload-suite
克隆
git clone https://github.com/skillhub-community/file-upload-suite.git

描述

文件上传组件套件。DropZone:拖拽上传区带文件类型/大小校验、剪贴板粘贴支持与点击浏览兜底。UploadQueue:多文件列表带逐文件进度条、取消/暂停/继续、失败重试与聚合进度头。ChunkedUpload:大文件分片(可配置大小)并行或串行上传,带从部分恢复的续传机制——大视频必备。ThumbnailPreview:上传时生成图片(与视频封面)预览。

StorageAdapters:可插拔后端——S3 兼容(AWS、R2、MinIO)、阿里云 OSS、腾讯 COS 或简单 multipart 端点——经签名式上传(后端签发预签名 URL,浏览器直传)。包含大小/类型策略配置、SecurityPanel(允许扩展名、病毒扫描钩子、每文件访问控制)与易错点:直传 OSS 的 CORS 预检配置、重试退避与失败分片清理。所有组件支持 SSR 并带仅客户端门控。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@integrate_hao
许可证MIT
版本1.0.0
依赖0
文件上传套件 — AI Byte