组件

OneUpload

OneUpload 通过原生 file 输入选择本地文件，列出文件元数据并支持移除。

选择文件

报告.pdf240.0 KB

查看代码收起代码

import { OneUpload, type OneUploadChangeEvent } from '@geektech/one';

const upload = new OneUpload({ multiple: true, ariaLabel: '附件' });
upload.on('change', (payload) => {
  const event = payload as OneUploadChangeEvent;
  console.log(event.files.map((file) => file.name));
});

API

OneUpload API
名称	签名	说明
`accept`	`accept?: string`	限制可选择的文件类型。
`multiple`	`multiple?: boolean`	允许一次选择多个文件。
`max`	`max?: number`	文件数量上限，超出部分截断。
`value`	`value?: readonly OneUploadFile[]`	受控文件列表。
`defaultValue`	`defaultValue?: readonly OneUploadFile[]`	非受控初始文件列表。
`disabled`	`disabled?: boolean`	禁用上传。
`ariaLabel`	`ariaLabel?: string`	文件输入的访问名称。
`children`	`children?: Array<VNode \| string>`	触发按钮文本，默认“选择文件”。
`change`	`(event: OneUploadChangeEvent) => void`	选择或移除文件后发出 files: OneUploadFile[] 与 originalEvent: Event。