심플한 파일첨부 버튼과 jquery

· 11년 전 · 3841

먼저 아래 코드를 넣어서 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로 이쁘게 처리하면 되거나 이미지로 입혀도 되겠죠? 

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

프로그램

+
제목 글쓴이 날짜 조회
11년 전 조회 2,987
11년 전 조회 4,406
11년 전 조회 2,377
11년 전 조회 2,574
11년 전 조회 3,885
11년 전 조회 4,844
11년 전 조회 2,739
11년 전 조회 2,271
11년 전 조회 2,937
11년 전 조회 2,250
11년 전 조회 2,851
11년 전 조회 2,277
11년 전 조회 2,944
11년 전 조회 2,728
11년 전 조회 3,500
11년 전 조회 5,206
11년 전 조회 4,676
11년 전 조회 5,139
11년 전 조회 2,914
11년 전 조회 3,100
11년 전 조회 3,856
11년 전 조회 2,546
11년 전 조회 3,010
11년 전 조회 5,082
11년 전 조회 3,810
11년 전 조회 2,206
11년 전 조회 2,825
11년 전 조회 2,690
11년 전 조회 2,350
11년 전 조회 4,528
11년 전 조회 2,958
11년 전 조회 2,844
11년 전 조회 2,214
11년 전 조회 4,516
11년 전 조회 4,270
11년 전 조회 2,244
11년 전 조회 4,954
11년 전 조회 2,408
11년 전 조회 2,296
11년 전 조회 2,599
11년 전 조회 2,388
11년 전 조회 2,146
11년 전 조회 2,571
11년 전 조회 3,311
11년 전 조회 2,638
11년 전 조회 2,329
11년 전 조회 2,172
11년 전 조회 3,932
11년 전 조회 3,487
11년 전 조회 3,842
11년 전 조회 2,965
11년 전 조회 4,237
11년 전 조회 4,638
11년 전 조회 5,993
11년 전 조회 7,351
11년 전 조회 3,667
11년 전 조회 3,239
11년 전 조회 2,987
11년 전 조회 2,688
11년 전 조회 2,409
11년 전 조회 2,603
11년 전 조회 2,492
11년 전 조회 2,951
11년 전 조회 3,821
11년 전 조회 2,405
11년 전 조회 2,602
11년 전 조회 3,215
11년 전 조회 2,910
11년 전 조회 2,800
11년 전 조회 2,743
11년 전 조회 2,669
11년 전 조회 4,996
11년 전 조회 2,640
11년 전 조회 3,248
11년 전 조회 3,481
11년 전 조회 2,801
11년 전 조회 2,820
11년 전 조회 2,799
11년 전 조회 2,260
11년 전 조회 2,656
11년 전 조회 3,005
11년 전 조회 2,950
11년 전 조회 2,285
11년 전 조회 2,648
11년 전 조회 2,428
11년 전 조회 3,161
11년 전 조회 2,794
11년 전 조회 2,159
11년 전 조회 3,573
11년 전 조회 8,085
11년 전 조회 2,709
11년 전 조회 2,590
11년 전 조회 2,448
11년 전 조회 2,341
11년 전 조회 2,899
11년 전 조회 2,273
11년 전 조회 4,848
11년 전 조회 2,696
11년 전 조회 3,074
11년 전 조회 2,428