심플한 파일첨부 버튼과 jquery

· 11년 전 · 2729

먼저 아래 코드를 넣어서 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,736
11년 전 조회 3,155
11년 전 조회 1,121
11년 전 조회 1,327
11년 전 조회 2,654
11년 전 조회 3,573
11년 전 조회 1,478
11년 전 조회 1,028
11년 전 조회 1,673
11년 전 조회 987
11년 전 조회 1,555
11년 전 조회 1,038
11년 전 조회 1,714
11년 전 조회 1,481
11년 전 조회 2,276
11년 전 조회 3,937
11년 전 조회 3,422
11년 전 조회 3,889
11년 전 조회 1,661
11년 전 조회 1,864
11년 전 조회 2,604
11년 전 조회 1,301
11년 전 조회 1,727
11년 전 조회 3,851
11년 전 조회 2,574
11년 전 조회 975
11년 전 조회 1,548
11년 전 조회 1,454
11년 전 조회 1,086
11년 전 조회 3,233
11년 전 조회 1,713
11년 전 조회 1,571
11년 전 조회 929
11년 전 조회 3,237
11년 전 조회 3,181
11년 전 조회 990
11년 전 조회 3,690
11년 전 조회 1,114
11년 전 조회 1,018
11년 전 조회 1,310
11년 전 조회 1,117
11년 전 조회 897
11년 전 조회 1,349
11년 전 조회 2,024
11년 전 조회 1,327
11년 전 조회 1,075
11년 전 조회 920
11년 전 조회 2,671
11년 전 조회 2,233
11년 전 조회 2,730
11년 전 조회 1,692
11년 전 조회 2,956
11년 전 조회 3,345
11년 전 조회 4,734
11년 전 조회 6,090
11년 전 조회 2,435
11년 전 조회 1,982
11년 전 조회 1,731
11년 전 조회 1,384
11년 전 조회 1,129
11년 전 조회 1,294
11년 전 조회 1,210
11년 전 조회 1,664
11년 전 조회 2,490
11년 전 조회 1,146
11년 전 조회 1,348
11년 전 조회 2,006
11년 전 조회 1,662
11년 전 조회 1,583
11년 전 조회 1,506
11년 전 조회 1,420
11년 전 조회 3,770
11년 전 조회 1,389
11년 전 조회 2,023
11년 전 조회 2,262
11년 전 조회 1,591
11년 전 조회 1,601
11년 전 조회 1,584
11년 전 조회 1,046
11년 전 조회 1,437
11년 전 조회 1,765
11년 전 조회 1,748
11년 전 조회 1,090
11년 전 조회 1,450
11년 전 조회 1,249
11년 전 조회 1,987
11년 전 조회 1,641
11년 전 조회 1,028
11년 전 조회 2,424
11년 전 조회 6,922
11년 전 조회 1,551
11년 전 조회 1,441
11년 전 조회 1,320
11년 전 조회 1,197
11년 전 조회 1,748
11년 전 조회 1,120
11년 전 조회 3,705
11년 전 조회 1,547
11년 전 조회 1,922
11년 전 조회 1,314