심플한 파일첨부 버튼과 jquery

· 11년 전 · 3642

먼저 아래 코드를 넣어서 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,644
11년 전 조회 4,080
11년 전 조회 2,046
11년 전 조회 2,262
11년 전 조회 3,566
11년 전 조회 4,507
11년 전 조회 2,437
11년 전 조회 1,961
11년 전 조회 2,600
11년 전 조회 1,928
11년 전 조회 2,519
11년 전 조회 1,978
11년 전 조회 2,640
11년 전 조회 2,407
11년 전 조회 3,206
11년 전 조회 4,882
11년 전 조회 4,357
11년 전 조회 4,831
11년 전 조회 2,593
11년 전 조회 2,797
11년 전 조회 3,540
11년 전 조회 2,223
11년 전 조회 2,691
11년 전 조회 4,790
11년 전 조회 3,502
11년 전 조회 1,895
11년 전 조회 2,475
11년 전 조회 2,373
11년 전 조회 2,013
11년 전 조회 4,210
11년 전 조회 2,647
11년 전 조회 2,532
11년 전 조회 1,893
11년 전 조회 4,169
11년 전 조회 4,098
11년 전 조회 1,943
11년 전 조회 4,634
11년 전 조회 2,076
11년 전 조회 1,970
11년 전 조회 2,245
11년 전 조회 2,059
11년 전 조회 1,819
11년 전 조회 2,289
11년 전 조회 3,016
11년 전 조회 2,320
11년 전 조회 1,993
11년 전 조회 1,834
11년 전 조회 3,622
11년 전 조회 3,152
11년 전 조회 3,643
11년 전 조회 2,635
11년 전 조회 3,896
11년 전 조회 4,316
11년 전 조회 5,650
11년 전 조회 7,024
11년 전 조회 3,343
11년 전 조회 2,940
11년 전 조회 2,666
11년 전 조회 2,351
11년 전 조회 2,086
11년 전 조회 2,250
11년 전 조회 2,170
11년 전 조회 2,612
11년 전 조회 3,464
11년 전 조회 2,079
11년 전 조회 2,265
11년 전 조회 2,878
11년 전 조회 2,612
11년 전 조회 2,486
11년 전 조회 2,381
11년 전 조회 2,351
11년 전 조회 4,671
11년 전 조회 2,320
11년 전 조회 2,915
11년 전 조회 3,182
11년 전 조회 2,469
11년 전 조회 2,470
11년 전 조회 2,469
11년 전 조회 1,920
11년 전 조회 2,320
11년 전 조회 2,690
11년 전 조회 2,584
11년 전 조회 1,972
11년 전 조회 2,334
11년 전 조회 2,102
11년 전 조회 2,826
11년 전 조회 2,489
11년 전 조회 1,842
11년 전 조회 3,244
11년 전 조회 7,750
11년 전 조회 2,390
11년 전 조회 2,239
11년 전 조회 2,146
11년 전 조회 2,013
11년 전 조회 2,558
11년 전 조회 1,973
11년 전 조회 4,521
11년 전 조회 2,360
11년 전 조회 2,745
11년 전 조회 2,093