FileUploadForm

shell

파일 선택, 메타데이터 표시, 이미지 미리보기를 포함한 업로드 폼. 파일 크기 제한, 설명 입력 지원.

깊이

100%

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

FileUploadForm 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Prop	타입	기본값	설명
`accept`	`string`	`"image/*,.pdf,.doc,.docx"`	허용 파일 타입
`showPreview`	`boolean`	`true`	이미지 미리보기 표시
`showFileInfo`	`boolean`	`true`	파일 정보 표시
`showDescription`	`boolean`	`true`	설명 텍스트영역 표시
`maxFileSize`	`number`	—	최대 파일 크기 (bytes)
`onSubmit`	`(values: { title, description, file }) => void`	—	제출 핸들러
`labels`	`FileUploadFormLabels`	—	i18n용 라벨 오버라이드
`onPreview`	`(file: File) => void`	—	파일 선택 후 프리뷰 콜백
`columnMapping`	`ReactNode`	—	CSV 컬럼 매핑 UI 슬롯 (파일 선택 후 표시)

tsx

import { FileUploadForm } from "@reopt-ai/opt-ui";