심플한 파일첨부 버튼과 jquery

· 11년 전 · 3649

먼저 아래 코드를 넣어서 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,648
11년 전 조회 4,085
11년 전 조회 2,049
11년 전 조회 2,264
11년 전 조회 3,573
11년 전 조회 4,509
11년 전 조회 2,442
11년 전 조회 1,965
11년 전 조회 2,603
11년 전 조회 1,932
11년 전 조회 2,523
11년 전 조회 1,982
11년 전 조회 2,644
11년 전 조회 2,415
11년 전 조회 3,208
11년 전 조회 4,886
11년 전 조회 4,359
11년 전 조회 4,836
11년 전 조회 2,597
11년 전 조회 2,800
11년 전 조회 3,544
11년 전 조회 2,226
11년 전 조회 2,692
11년 전 조회 4,792
11년 전 조회 3,503
11년 전 조회 1,897
11년 전 조회 2,478
11년 전 조회 2,377
11년 전 조회 2,013
11년 전 조회 4,214
11년 전 조회 2,652
11년 전 조회 2,533
11년 전 조회 1,893
11년 전 조회 4,173
11년 전 조회 4,107
11년 전 조회 1,943
11년 전 조회 4,642
11년 전 조회 2,084
11년 전 조회 1,972
11년 전 조회 2,248
11년 전 조회 2,063
11년 전 조회 1,825
11년 전 조회 2,292
11년 전 조회 3,017
11년 전 조회 2,325
11년 전 조회 1,998
11년 전 조회 1,838
11년 전 조회 3,628
11년 전 조회 3,159
11년 전 조회 3,650
11년 전 조회 2,642
11년 전 조회 3,901
11년 전 조회 4,320
11년 전 조회 5,652
11년 전 조회 7,027
11년 전 조회 3,346
11년 전 조회 2,946
11년 전 조회 2,669
11년 전 조회 2,354
11년 전 조회 2,090
11년 전 조회 2,256
11년 전 조회 2,172
11년 전 조회 2,616
11년 전 조회 3,468
11년 전 조회 2,083
11년 전 조회 2,269
11년 전 조회 2,882
11년 전 조회 2,612
11년 전 조회 2,487
11년 전 조회 2,385
11년 전 조회 2,352
11년 전 조회 4,672
11년 전 조회 2,323
11년 전 조회 2,923
11년 전 조회 3,186
11년 전 조회 2,471
11년 전 조회 2,473
11년 전 조회 2,475
11년 전 조회 1,925
11년 전 조회 2,327
11년 전 조회 2,693
11년 전 조회 2,588
11년 전 조회 1,976
11년 전 조회 2,339
11년 전 조회 2,108
11년 전 조회 2,833
11년 전 조회 2,491
11년 전 조회 1,845
11년 전 조회 3,246
11년 전 조회 7,752
11년 전 조회 2,391
11년 전 조회 2,246
11년 전 조회 2,150
11년 전 조회 2,017
11년 전 조회 2,562
11년 전 조회 1,975
11년 전 조회 4,524
11년 전 조회 2,366
11년 전 조회 2,749
11년 전 조회 2,096