FORM 파일 전송전 파일용량 체크 > 그누보드5 팁자료실

그누보드5 팁자료실

FORM 파일 전송전 파일용량 체크 정보

FORM 파일 전송전 파일용량 체크

본문

파일 업로드 이후, 업데이트 처리 이전에

스크립트에서 파일용량 체크 스크립트 입니다.

 



<form id="form" name="form" onsubmit="return form_submit(this);" enctype="multipart/form-data" autocomplete="off">
    <input id="file" type="file" name="file" accept="*/*">
    <button type="submit">업로드</button>
</form>
<script>
    /**
     * FORM_SUBMIT
     *  get_form
     */
    function form_submit(get_form) {

        var anCheckSize = 2 * 1024 * 1024; // 2MB
        if (input_file_size('file') > anCheckSize)
        {
            alert("첨부파일 사이즈는 2MB 이내로 등록 가능합니다. ");
            return false;
        }

        return false;
    }

    /**
     * INPUT FILE SIZE
     *  get_element_id
     */
    function input_file_size(get_element_id) {

        var anCheckFile = document.getElementById(get_element_id);
        var anFileSize = 0;

        if (anCheckFile.value !== '' && anCheckFile.files[0].size > 0) {
            anFileSize = anCheckFile.files[0].size;
        }

        return anFileSize;
    }
</script>

추천
5

댓글 6개

웹에 처음 입문하고 파일업로드 하는 걸 가장 먼저 배우려고 했던 기억이 새롭네요.
요즘은 프론트에서 웬만한 건 다 체크가 가능하고 아작스로 업로드해도 되고 등등 선택의 여지가 많아진 것 같습니다.
Joan 님도 저랑 똑같이 submit 를 할 때 버튼을 쓰시네요. input 보다 버튼이 css 먹이기가 훨 수월하더라구요.


많은 라이브러리와 플러그인들이 많지만, 기본부터 학습을 해보고 있습니다..^^
습관적으로 form 액션 처리는 button 으로 처리하고, 경우에 따라 a input 등도 활용합니다.. ㅎㅎ
멀티 파일업로드 틀을 아주 멋지게(?) 만들어 놓은 것이 있지요...
디렉토리 트리구조도 시각적으로 나름대로 괜찮게 만들어 놓은 것이 있구요.
문제는 액션 스크립트로 만들어 놓은 거라 이젠 무용지물이에요.ㅜㅠ
액션 스크립트는 제가 쓰기에는 json 보다는 xml 방식으로 정보를 받는 것이 더 편하더라구요.
한 10년 전쯤인가? 그누4 시절 일일 방문자수를 xml 화 해서 플래시로 뿌려주는 swf 를 여기서 공유한 기억도 있거든요. 플래시로 만들다 보니 숫자가 하나씩 춤추듯이 날아와서 꽂히는 식이었는데...
관리자 페이지 떡고물은 계속 기대중 입니다.ㅋ
전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT