테스트 사이트 - 개발 중인 베타 버전입니다

파일 첨부시심플하게 버튼으로만 되게..

· 11년 전 · 1328
개발하다가 남기면 좋을것 같아서 남겨 봅니다^^
먼저 아래 코드를 넣어서 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로 이쁘게 처리하면 되거나 이미지로 입혀도 되겠죠?

생각하는 개발자의 세상 웹디넷이었습니다.(http://www.webdy.net)

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
6615
6614
6606
19438
6604
6592
6588
6586
6583
6577
19437
6576
6575
6574
19435
27715
6571
6570
6562
6559
6553
6552
6551
6548
24572
6545
6544
6543
6541
6539
6527
6526
6524
6519
6516
27701
27699
6515
19434
6514
19433
6503
19432
6500
6497
6496
6491
6485
32041
6483
6479
6478
6475
6473
6467
6465
6462
27697
6454
6451
27695
6446
6440
6437
27688
6433
6430
6427
6426
6422
6421
6418
27686
27678
6414
6410
6404
6400
6398
6389
6384
6383
6378
6370
6363
6348
6338
6329
6328
6316
6309
6299
6296
27674
27671
6293
6282
24570
6277
6264