# 파일업로드

엘리먼트 UI의 파일업로드 셀을 이용하여 첨부파일을 업로드 할 수 있습니다.&#x20;

첨부파일 업로드 버튼  형타셀입과 비교하면 아래와 같은 장점과 제약사항이 있습니다.

### 장점&#x20;

* 아름다운 UI를 사용할 수 있습니다.&#x20;

### 제약사항

* 리스트뷰에서 사용이 가능하지 않음
* 스타일 템플릿을 지원하지 않음
* 드래그 앤 드롭으로 파일 업로드를 지원하지 않음&#x20;

<figure><img src="https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/MuYVKc8KpDvsgeloHTeD/image.png" alt=""><figcaption></figcaption></figure>

이 업로드 셀 유형에서는 파일 업로드/다운로드를 사용할 수 있습니다. 다음과 같은 세 가지 디스플레이 모드를 지원합니다.

<figure><img src="https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/LOsWfIeCWHO7ANcGs5Zb/image.png" alt=""><figcaption></figcaption></figure>

### 셀속성&#x20;

![](https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/FzSEqOpdEz0ImeFkhpfh/image.png)

| 이름              | 설명                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| UI 권한 편집        | 다른 사용자 역할에 대해 다른 활성화/표시 상태 표시                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| 업로드 허용 최대 파일 수  | <p>업로드할 수 있는 최대 파일 수를 제한합니다. 기본값은 제한이 아닙니다.<br>사용자가 한도보다 많은 파일 수를 업로드하려고 하면 다음 메시지가 표시됩니다.<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-29_18-34-13.png?version=1&#x26;modificationDate=1643452453803&#x26;cacheVersion=1&#x26;api=v2&#x26;width=667&#x26;height=85" alt=""> </p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| 업로드 허용할 파일 유형   | <p>업로드 파일의 확장자를 수락합니다. 기본값은 ".jpg, .jpeg, .png"입니다<br>. 사용자가 잘못된 파일을 업로드하려고 하면 다음 메시지가 표시됩니다.<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-29_17-56-35.png?version=1&#x26;modificationDate=1643450195823&#x26;cacheVersion=1&#x26;api=v2&#x26;width=450&#x26;height=69" alt=""></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| 업로드 허용 최대 파일 크기 | <p>업로드 파일 크기 제한, 단위는 MB, 기본값은 1MB<br>값을 제거하거나 값을 0으로 설정하면 제한 없음을 의미합니다<br>. 사용자가 크기 제한보다 큰 파일을 업그레이드하면 다음 메시지가 표시됩니다.<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-29_18-29-45.png?version=1&#x26;modificationDate=1643452185130&#x26;cacheVersion=1&#x26;api=v2&#x26;width=412&#x26;height=72" alt=""></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| 업로드 목록 형태       | <p>파일 목록을 표시하는 방법을 나타냅니다. 사용 가능한 값: FileList, Picture and Text, Picture Wall<br>FileList:<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-29_18-55-14.png?version=1&#x26;modificationDate=1643453714967&#x26;cacheVersion=1&#x26;api=v2&#x26;width=618&#x26;height=219" alt=""></p><p>그림 및 텍스트:<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-29_18-56-46.png?version=1&#x26;modificationDate=1643453806637&#x26;cacheVersion=1&#x26;api=v2&#x26;width=330&#x26;height=250" alt=""></p><p>그림 벽<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-29_19-0-18.png?version=1&#x26;modificationDate=1643454018617&#x26;cacheVersion=1&#x26;api=v2&#x26;width=358&#x26;height=250" alt=""></p> |
| 업로드 버튼 표시 텍스트   | 추가 버튼의 텍스트, "ListType"이 "파일 목록" 또는 "그림 및 텍스트"인 경우에만 사용 가능                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| 사용자 업로드 안내 문구   | "ListType"이 "파일 목록" 또는 "그림 및 텍스트"인 경우에만 사용할 수 있습니다.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| 여러 파일 동시 업로드 허용 | 여러 파일 선택 허용 여부.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| 비활성화            | <p>비활성화 = 거짓<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-30_8-48-56.png?version=1&#x26;modificationDate=1643503736633&#x26;cacheVersion=1&#x26;api=v2&#x26;width=637&#x26;height=222" alt=""><br>비활성화 = 참</p><p><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-1-30_8-49-9.png?version=1&#x26;modificationDate=1643503749647&#x26;cacheVersion=1&#x26;api=v2&#x26;width=629&#x26;height=218" alt=""></p>                                                                                                                                                                                                                                                                                                                               |
| 읽기 전용           | <p>읽기 전용 = True</p><p>업로드 버튼과 설명을 숨깁니다.</p><p><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931196580/image2022-3-24_12-5-6.png?version=1&#x26;modificationDate=1648094706993&#x26;cacheVersion=1&#x26;api=v2&#x26;width=642&#x26;height=237" alt=""></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
