File Uploader

파일 업로더를 사용하면 사용자가 하나 이상의 파일을 선택하여 업로드할 수 있습니다.

Types

Default

[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]

파일 업로드

<p class="file_uploader_desc">[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]</p> <div class="file_uploader"> <label for="fileUploader-1" class="btn btn_sm btn_secondary"><i class="ico_file white ico_16"></i> 파일 업로드</label> <input type="file" class="input_file" id="fileUploader-1"> </div>
소스 코드가 복사되었습니다.

Uploaded file

Single

[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]

파일 업로드

<p class="file_uploader_desc">[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]</p> <div class="file_uploader"> <label for="fileUploader-2" class="btn btn_sm btn_secondary"><i class="ico_file white ico_16"></i> 파일 업로드</label> <input type="file" class="input_file" id="fileUploader-2"> <div class="file_name"> <input type="text" readonly> <i class="input_delete"></i> </div> </div>
소스 코드가 복사되었습니다.
Multiple

[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]

파일 업로드

<p class="file_uploader_desc">[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]</p> <div class="file_uploader"> <label for="fileUploader-3" class="btn btn_sm btn_secondary"><i class="ico_file white ico_16"></i> 파일 업로드</label> <input type="file" class="input_file" id="fileUploader-3"> <div class="file_name"> <input type="text" readonly> <i class="input_delete"></i> </div> <div class="file_name"> <input type="text" readonly> <i class="input_delete"></i> </div> <div class="file_name"> <input type="text" readonly> <i class="input_delete"></i> </div> </div>
소스 코드가 복사되었습니다.
Validation

[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]

파일 업로드

첨부파일 제한 용량을 초과하였습니다.

<p class="file_uploader_desc">[첨부파일 용량 제한 : 25MB] [지원 확장자: pdf, ppt, pptx, doc, docx]</p> <div class="file_uploader"> <label for="fileUploader-4" class="btn btn_sm btn_secondary"><i class="ico_file white ico_16"></i> 파일 업로드</label> <input type="file" class="input_file" id="fileUploader-4"> </div> <p class="txt_alert error">첨부파일 제한 용량을 초과하였습니다.</p>
소스 코드가 복사되었습니다.

File Uploader

Types

Default

Uploaded file

Single

Multiple

Validation