文件上传
拖放上传，含校验、进度与完成回调。
拖放上传，含校验、进度与完成回调。
Drag and drop to upload or select
PDF, JPG, PNG, XLSX (max 8 MB)
Uploading ...
Uploaded successfully!
安装
npx @joyui/cli add file-upload --yes或通过 JoyUI MCP / CLI 安装。
应用场景
将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。
上方预览中的文案、选项与数据均可替换为业务配置；不要复制写死的演示常量到生产。
API
FileUpload
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| onUploadComplete | 上传完成回调。 | (file: File) => void | — | — |
| allowedExtensions | 允许扩展名。 | string[] | — | pdf,jpg,png,xlsx |
| maxBytes | 最大字节。 | number | — | 8MB |
| className | 合并到根节点的额外类名。 | string | — | — |