# upload-multi-type LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/upload-multi-type` 的使用方式。 ## 模块定位 上传组件,同时支持多种上传方式,支持【点击&拖拽上传】、【粘贴上传】 ## 导入方式 ```ts import { UploadMultiType } from '@flatbiz/antd/upload-multi-type'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `UploadMultiType` - 上传组件,同时支持多种上传方式,支持【点击&拖拽上传】、【粘贴上传】 - `FileListView` - `* from ./content.jsx` - `UploadMultiTypeFileItem` ## 依赖的 antd 能力 `Button`、`message`、`Spin`、`Tabs` ## Props / 配置要点 ### UploadMultiTypeProps - `value`(可选):: string[] | UploadMultiTypeFileItem[] - `onChange`(可选):: (v: any) => void - `onUploadFile`(必填):: (file: File) => Promise;上传文件 - `maxCount`(可选):: number;最大上传数量 - `onlyUploadImage`(可选):: boolean;只上传图片,默认:false;设置accept时,此配置无效 - `disabled`(可选):: boolean ### UploadMultiTypeFileItem - `name`(可选):: string - `url`(必填):: string ## 使用规则与行为 - 上传文件 - 最大上传数量 - 上传文件类型,例如:image/*, video/*, audio/* - 只上传图片,默认:false;设置accept时,此配置无效 - 上传组件,同时支持多种上传方式,支持【点击&拖拽上传】、【粘贴上传】 ## 基础示例 ```tsx import { UploadMultiType, type UploadMultiTypeProps } from '@flatbiz/antd/upload-multi-type'; const props: UploadMultiTypeProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/upload-multi-type/content.tsx` - `src/upload-multi-type/file-view.tsx` - `src/upload-multi-type/index.ts` - `src/upload-multi-type/type.ts` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/upload-multi-type` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。