먼저 아래 코드를 넣어서 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로 이쁘게 처리하면 되거나 이미지로 입혀도 되겠죠?
게시글 목록
| 번호 | 제목 |
|---|---|
| 11862 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 11861 | |
| 11858 | |
| 11857 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 11856 | |
| 11855 |
PHP
php 에러 출력하기
|
| 11854 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 11853 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 11852 |
jQuery
제이쿼리 기본 효과 메소드
|
| 20326 | |
| 20324 |
HTML
팁]모바일에서 전화 걸기
1
|
| 20322 | |
| 11851 | |
| 11850 |
기타
viewport 사용
|
| 11849 | |
| 11848 | |
| 11846 | |
| 11845 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 11844 |
PHP
[알고리즘] 하노이의 탑
|
| 11843 | |
| 11842 | |
| 11840 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 11838 | |
| 11834 | |
| 11833 |
PHP
[알고리즘] 배열 역순
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기