심플한 파일첨부 버튼과 jquery

· 11년 전 · 2726

먼저 아래 코드를 넣어서 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년 전 조회 1,735
11년 전 조회 3,153
11년 전 조회 1,119
11년 전 조회 1,325
11년 전 조회 2,650
11년 전 조회 3,568
11년 전 조회 1,474
11년 전 조회 1,028
11년 전 조회 1,670
11년 전 조회 984
11년 전 조회 1,552
11년 전 조회 1,034
11년 전 조회 1,708
11년 전 조회 1,477
11년 전 조회 2,274
11년 전 조회 3,931
11년 전 조회 3,421
11년 전 조회 3,889
11년 전 조회 1,655
11년 전 조회 1,862
11년 전 조회 2,604
11년 전 조회 1,299
11년 전 조회 1,724
11년 전 조회 3,850
11년 전 조회 2,571
11년 전 조회 974
11년 전 조회 1,547
11년 전 조회 1,452
11년 전 조회 1,082
11년 전 조회 3,229
11년 전 조회 1,710
11년 전 조회 1,568
11년 전 조회 926
11년 전 조회 3,235
11년 전 조회 3,177
11년 전 조회 989
11년 전 조회 3,689
11년 전 조회 1,113
11년 전 조회 1,015
11년 전 조회 1,306
11년 전 조회 1,115
11년 전 조회 896
11년 전 조회 1,347
11년 전 조회 2,022
11년 전 조회 1,326
11년 전 조회 1,074
11년 전 조회 916
11년 전 조회 2,670
11년 전 조회 2,228
11년 전 조회 2,727
11년 전 조회 1,690
11년 전 조회 2,955
11년 전 조회 3,342
11년 전 조회 4,731
11년 전 조회 6,087
11년 전 조회 2,432
11년 전 조회 1,980
11년 전 조회 1,727
11년 전 조회 1,383
11년 전 조회 1,128
11년 전 조회 1,293
11년 전 조회 1,209
11년 전 조회 1,663
11년 전 조회 2,487
11년 전 조회 1,145
11년 전 조회 1,347
11년 전 조회 2,004
11년 전 조회 1,662
11년 전 조회 1,582
11년 전 조회 1,500
11년 전 조회 1,418
11년 전 조회 3,768
11년 전 조회 1,387
11년 전 조회 2,022
11년 전 조회 2,261
11년 전 조회 1,590
11년 전 조회 1,599
11년 전 조회 1,582
11년 전 조회 1,045
11년 전 조회 1,433
11년 전 조회 1,763
11년 전 조회 1,744
11년 전 조회 1,090
11년 전 조회 1,449
11년 전 조회 1,244
11년 전 조회 1,987
11년 전 조회 1,637
11년 전 조회 1,025
11년 전 조회 2,424
11년 전 조회 6,922
11년 전 조회 1,550
11년 전 조회 1,437
11년 전 조회 1,319
11년 전 조회 1,195
11년 전 조회 1,747
11년 전 조회 1,120
11년 전 조회 3,702
11년 전 조회 1,545
11년 전 조회 1,917
11년 전 조회 1,313