통합검색

Javascript

[jQuery] 멀티 파일 업로드 플러그인 (MultiFile)

  • 2023.03.12 12:25:36


:file input을 멀티파일 업로더로 손쉽게 적용해주는 jQuery 플러그인.
첨부 가능 확장자, 용량 제한 등 다양한 옵션을 제공하는 간편한 플러그인이다.
직관적인 작동 방식으로 커스터마이징이 편하다.




[!]HTML[/!] 
<input type="file" name="attach" id="attach">
<div class="attaedbox"></div>


[!]jQuery[/!] 
<script type="text/javascript">
$(':file[name=attach]').MultiFile({
    'max' : 5,
    'accept' : 'gif|jpg|jpeg|bmp|png|pdf',
    'maxfile' : 10240, //각 파일 최대 업로드 크기 (kb)
    'list' : $(':file[name=attachedbox]'), //파일목록을 출력할 요소 지정가능
    'STRING' : { // error문구를 원하는대로 수정
        'remove' : "<a href=\"#\" class=\"remove\">제거</a>",
        'duplicate' : "$file 은 이미 선택된 파일입니다.", 
        'denied' : "$ext 는(은) 업로드 할수 없는 파일확장자입니다.",
        'selected' :'$file 을 선택했습니다.', 
        'toomuch' : "업로드할 수 있는 최대크기를 초과하였습니다.($size)", 
        'toomany' : "업로드할 수 있는 최대 개수는 $max개 입니다.",
        'toobig' : "$file 은 크기가 매우 큽니다. (max $size)"
    }
});
</script>
첨부파일1 multifile-master-ver2.2.2.zip (123.3K) 109 회 다운로드