심플한 파일첨부 버튼과 jquery

· 11년 전 · 3828

먼저 아래 코드를 넣어서 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,972
11년 전 조회 4,383
11년 전 조회 2,363
11년 전 조회 2,556
11년 전 조회 3,864
11년 전 조회 4,820
11년 전 조회 2,722
11년 전 조회 2,254
11년 전 조회 2,923
11년 전 조회 2,235
11년 전 조회 2,825
11년 전 조회 2,263
11년 전 조회 2,929
11년 전 조회 2,715
11년 전 조회 3,481
11년 전 조회 5,184
11년 전 조회 4,658
11년 전 조회 5,123
11년 전 조회 2,890
11년 전 조회 3,087
11년 전 조회 3,840
11년 전 조회 2,522
11년 전 조회 2,988
11년 전 조회 5,063
11년 전 조회 3,793
11년 전 조회 2,187
11년 전 조회 2,803
11년 전 조회 2,669
11년 전 조회 2,328
11년 전 조회 4,510
11년 전 조회 2,934
11년 전 조회 2,823
11년 전 조회 2,181
11년 전 조회 4,491
11년 전 조회 4,261
11년 전 조회 2,221
11년 전 조회 4,938
11년 전 조회 2,384
11년 전 조회 2,274
11년 전 조회 2,573
11년 전 조회 2,372
11년 전 조회 2,120
11년 전 조회 2,554
11년 전 조회 3,292
11년 전 조회 2,612
11년 전 조회 2,307
11년 전 조회 2,152
11년 전 조회 3,919
11년 전 조회 3,476
11년 전 조회 3,829
11년 전 조회 2,955
11년 전 조회 4,220
11년 전 조회 4,624
11년 전 조회 5,974
11년 전 조회 7,326
11년 전 조회 3,641
11년 전 조회 3,217
11년 전 조회 2,967
11년 전 조회 2,669
11년 전 조회 2,390
11년 전 조회 2,562
11년 전 조회 2,466
11년 전 조회 2,925
11년 전 조회 3,799
11년 전 조회 2,377
11년 전 조회 2,572
11년 전 조회 3,193
11년 전 조회 2,891
11년 전 조회 2,774
11년 전 조회 2,719
11년 전 조회 2,648
11년 전 조회 4,978
11년 전 조회 2,615
11년 전 조회 3,226
11년 전 조회 3,464
11년 전 조회 2,777
11년 전 조회 2,802
11년 전 조회 2,778
11년 전 조회 2,243
11년 전 조회 2,633
11년 전 조회 2,984
11년 전 조회 2,931
11년 전 조회 2,259
11년 전 조회 2,632
11년 전 조회 2,406
11년 전 조회 3,145
11년 전 조회 2,772
11년 전 조회 2,136
11년 전 조회 3,556
11년 전 조회 8,059
11년 전 조회 2,685
11년 전 조회 2,564
11년 전 조회 2,430
11년 전 조회 2,316
11년 전 조회 2,879
11년 전 조회 2,253
11년 전 조회 4,826
11년 전 조회 2,679
11년 전 조회 3,052
11년 전 조회 2,410