수

심플한 파일첨부 버튼과 jquery

· 2014-08-03 (일) 15:37:11 · 6427

먼저 아래 코드를 넣어서 file type을 0으로 줄인다. 

<style>                                        

#file { width:0; height:0; }                    

</style>                                        

<script> 

$j(function(){          

    $j('#btn-upload').click(function(e){ 

        e.preventDefault();            

        $j("input:file").click();              

        var ext = $j("input:file").val().split(".").pop().toLowerCase(); 

        if($j.inArray(ext, ["gif","png","jpg","jpeg"]) == -1) { 

        alert("gif,png,jpg 파일만 업로드 할수 있습니다."); 

        return false;  

        }                              

        $j("input:file").val().toLowerCase(); 

    });                        

});                                    

</script> 

 

그리고 html내에 

<input type='file' id='file' name='file' /> 

<button id='btn-upload' class="button1 white selected" onfocus="this.blur();">사업자등록증 첨부</button> 

이렇게 해주면 깔금하게 버튼 하나로만 처리되어집니다. 

버튼에는 css로 이쁘게 처리하면 되거나 이미지로 입혀도 되겠죠? 

|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
웹서버 14-08-11 조회 3,373
기타 14-08-11 조회 3,015
웹서버 14-08-11 조회 4,269
웹서버 14-08-11 조회 4,334
JavaScript 14-08-11 조회 7,024
기타 14-08-11 조회 7,864
MySQL 14-08-11 조회 4,266
기타 14-08-08 조회 1.5만
JavaScript 14-08-06 조회 3,720
JavaScript 14-08-06 조회 3,417
jQuery 14-08-06 조회 6,157
기타 14-08-06 조회 2,515
MySQL 14-08-06 조회 7,734
jQuery 14-08-06 조회 7,849
JavaScript 14-08-06 조회 3,099
웹서버 14-08-06 조회 3,009
PHP 14-08-05 조회 3,468
PHP 14-08-04 조회 7,012
PHP 14-08-04 조회 3,432
jQuery 14-08-03 조회 6,428
JavaScript 14-08-01 조회 1.3만
기타 14-08-01 조회 1.7만
PHP 14-08-01 조회 6,171
웹서버 14-08-01 조회 3,497
MySQL 14-08-01 조회 3,599
JavaScript 14-08-01 조회 4,559
웹서버 14-08-01 조회 4,493
웹서버 14-08-01 조회 5,739
웹서버 14-08-01 조회 3,563
JavaScript 14-07-30 조회 6,868