文件上传管理器

ReactMedia & Assets表单用户体验更新于 2026-08-12

使用场景: 在任何表单或仪表盘中添加文件上传功能——文档门户、媒体库、引导流程或 CMS 后台。

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

描述

提供完整的文件上传体验:拖拽上传区域(带视觉反馈)、点击浏览回退、多文件选择(每个文件独立进度条——百分比+速度)、图片/PDF 预览缩略图、文件类型和大小验证(带明确错误提示),以及大文件分块上传支持(>100MB,网络失败自动重试)。

即用型 `<FileUpload />` 组件,可配置允许的文件类型、最大文件大小、最大文件数量和并行上传数。暴露 `useFileUpload()` Hook 用于自定义界面。包含文件列表(带删除按钮)、上传状态(排队中/上传中/已完成/错误)和服务器响应展示。

AI Hub

跑 Skill 需要模型接口?

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

打开 AI Hub

元数据

作者@content_wei
许可证MIT
版本1.0.0
依赖0