심플한 파일첨부 버튼과 jquery

· 11년 전 · 3593

먼저 아래 코드를 넣어서 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,606
11년 전 조회 4,031
11년 전 조회 2,002
11년 전 조회 2,227
11년 전 조회 3,525
11년 전 조회 4,462
11년 전 조회 2,413
11년 전 조회 1,921
11년 전 조회 2,567
11년 전 조회 1,891
11년 전 조회 2,474
11년 전 조회 1,932
11년 전 조회 2,600
11년 전 조회 2,368
11년 전 조회 3,173
11년 전 조회 4,842
11년 전 조회 4,330
11년 전 조회 4,791
11년 전 조회 2,559
11년 전 조회 2,753
11년 전 조회 3,503
11년 전 조회 2,193
11년 전 조회 2,655
11년 전 조회 4,747
11년 전 조회 3,456
11년 전 조회 1,850
11년 전 조회 2,435
11년 전 조회 2,340
11년 전 조회 1,980
11년 전 조회 4,158
11년 전 조회 2,617
11년 전 조회 2,500
11년 전 조회 1,848
11년 전 조회 4,132
11년 전 조회 4,029
11년 전 조회 1,911
11년 전 조회 4,593
11년 전 조회 2,041
11년 전 조회 1,916
11년 전 조회 2,205
11년 전 조회 2,017
11년 전 조회 1,784
11년 전 조회 2,256
11년 전 조회 2,971
11년 전 조회 2,290
11년 전 조회 1,949
11년 전 조회 1,792
11년 전 조회 3,566
11년 전 조회 3,107
11년 전 조회 3,594
11년 전 조회 2,602
11년 전 조회 3,854
11년 전 조회 4,283
11년 전 조회 5,614
11년 전 조회 6,962
11년 전 조회 3,313
11년 전 조회 2,900
11년 전 조회 2,618
11년 전 조회 2,308
11년 전 조회 2,035
11년 전 조회 2,201
11년 전 조회 2,126
11년 전 조회 2,573
11년 전 조회 3,418
11년 전 조회 2,033
11년 전 조회 2,208
11년 전 조회 2,843
11년 전 조회 2,575
11년 전 조회 2,447
11년 전 조회 2,346
11년 전 조회 2,307
11년 전 조회 4,638
11년 전 조회 2,288
11년 전 조회 2,875
11년 전 조회 3,136
11년 전 조회 2,419
11년 전 조회 2,427
11년 전 조회 2,431
11년 전 조회 1,882
11년 전 조회 2,285
11년 전 조회 2,656
11년 전 조회 2,544
11년 전 조회 1,932
11년 전 조회 2,296
11년 전 조회 2,062
11년 전 조회 2,796
11년 전 조회 2,445
11년 전 조회 1,804
11년 전 조회 3,205
11년 전 조회 7,695
11년 전 조회 2,350
11년 전 조회 2,196
11년 전 조회 2,111
11년 전 조회 1,965
11년 전 조회 2,512
11년 전 조회 1,932
11년 전 조회 4,476
11년 전 조회 2,330
11년 전 조회 2,716
11년 전 조회 2,060