# Component/Upload/ImageUpload

이미지를 업로드할 수 있습니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `objectFit` | `undefined "fill" "contain" "cover"` | No | contain |  |
| `size` | `undefined "small" "medium"` | No | medium |  |
| `width` | `number | undefined` | No |  | size가 'medium'일 경우 width, height를 변경할 수 있습니다. 최소 width: 60, height: 60 |
| `height` | `number | undefined` | No |  |  |
| `accept` | `string | undefined` | No | * | 허용되는 이미지 확장자를 지정합니다. |
| `readOnly` | `boolean | undefined` | No |  |  |
| `disabled` | `boolean | undefined` | No |  |  |
| `loading` | `boolean | undefined` | No |  |  |
| `backgroundDark` | `boolean | undefined` | No |  |  |
| `multiple` | `boolean | undefined` | No |  | HTMLInputElement['multiple'] |
| `maxCount` | `number | undefined` | No |  | 최대 업로드 파일 갯수 |
| `showRemoveButton` | `boolean | undefined` | No | true | FileList내 삭제버튼 사용 유무 |
| `fileList` | `ImageFile[] | undefined` | No |  | FileList를 노출하려면 지정된 UploadFile 타입으로 전달해야합니다. |
| `draggable` | `boolean | undefined` | No | false | draggable이 true인 경우 ImageUploadPreview 컴포넌트를 드래그하여 재정렬할 수 있습니다. |
| `borderRadius` | `CSSValueWithLength | undefined` | No | border_radius_styles_with_size.small |  |
| `z_index` | `number | undefined` | No | getZIndex('draggable') | 드래그 중인 아이템의 z-index를 지정합니다. |
| `onChange` | `((file: File | File[]) => void) | undefined` | No |  |  |
| `onClick` | `MouseEventHandler<HTMLInputElement> | undefined` | No |  | 파일 업로드 버튼 클릭시 실행되는 이벤트 |
| `onClickFile` | `((image_url: string, index: number) => void) | undefined` | No |  | FileList 클릭시 인덱스 정보와 함께 전달합니다. 드래그시에는 실행되지 않습니다. |
| `onClickFileRemove` | `((file: ImageFile, index: number) => void) | undefined` | No |  | 삭제 버튼 클릭시 인덱스 정보와 함께  전달합니다. 드래그시에는 실행되지 않습니다. |
| `onDragEnd` | `((fileList: ImageFile[]) => void) | undefined` | No |  | 드래그 종료시 재정렬된 파일리스트를 전달합니다. |