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

개발자 jquery

콩주삼

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 11년 전 · 조회 1351 1351

개발하다가 남기면 좋을것 같아서 남겨 봅니다^^

먼저 아래 코드를 넣어서 file type을 0으로 줄인다.

<style>

#file { width:0; height:0; }

</style>

$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내에

<button id='btn-upload' class="button1 white selected" onfocus="this.blur();">사업자등록증 첨부</button>

이렇게 해주면 깔금하게 버튼 하나로만 처리되어집니다.

버튼에는 css로 이쁘게 처리하면 되거나 이미지로 입혀도 되겠죠?

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

댓글 작성

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

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
5127	하이퍼링크에 여러가지 스타일만들기 [1] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1271
5126	내 쇼핑몰에 즐겨찾기 등록 버튼 만드는 방법 #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1796
5125	네이버 지도 API 다중마커 구현 소스 입니다. [9] #개발자 #javascript	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	14723
5124	카운터 늘리기 방법은? [1] #개발자 #php	강진사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1082
5123	웹 접근성 미준수 시 처벌 대상에 대한 노석준 교수님의 답변 [18] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2739
5122	CASE WHEN ~ (MySQL 의 IF문 역활) [4] #개발자 #mysql	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	8953
5121	웹 접근성 심사 [9] #웹접근성	프토코이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1295
5120	정규식 사용법입니다. [5] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1187
5119	ereg_replace와 str_replace 차이점입니다. [1] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1653
5118	PHP를 이용하여 문자열을 자르는 함수 입니다. #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1161
5117	숫자를 한글로 출력하게 해주는 함수 입니다. [2] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1305
5116	file_get_contents 사용법 [1] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3552
5115	PHP 변수를 스크립트로 사용하는 방법입니다. #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1492
5114	PHP를 사용하여 리눅스 심볼릭 링크를 거는 방법입니다. [3] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2143
5113	플래시 위로 레이어 올리기 [2] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1320
5112	자릿수만큼 문자열 채우기 [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3039
5111	웹 접근성 관련 오해글에서 언급했던 메일 내용 원문 공개 [9] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1360
5110	장차법 대상인 사이트 제작시 [15] #웹접근성	임소야 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1607
5109	웹 접근성 관련 오해 2가지 [21] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2038
5108	공백제거 #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1050
5107	셀렉트박스 간편하게 만들기 [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1088
5106	403에러에 대처하는 자세. [1] #개발자 #웹서버	카츠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4440
5105	게시판의 페이징 방법 [2] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1499
5104	이미지에 워터마크 처리하기 [2] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1638
5103	Chrome 를 이용한 모바일모드 [10] #개발자 #mobile	레드베어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5491