심플한 파일첨부 버튼과 jquery
먼저 아래 코드를 넣어서 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로 이쁘게 처리하면 되거나 이미지로 입혀도 되겠죠?
게시글 목록
| 번호 | 제목 |
|---|---|
| 315 | |
| 311 | |
| 12040 | |
| 20370 | |
| 20365 |
CSS
css가 충돌이 됬을때
4
|
| 12039 |
JavaScript
풀스크린 스크립트
|
| 20364 | |
| 12037 |
웹서버
vi 온라인 학습장
1
|
| 12035 |
jQuery
강력한 무료 멀티 업로더...
1
|
| 12032 | |
| 12031 | |
| 20362 |
HTML
HTML5 자바스크립트 API
1
|
| 12024 |
기타
P3P 규약의 이해
6
|
| 12022 | |
| 303 | |
| 12020 | |
| 12015 | |
| 12010 |
PHP
외부이미지 썸네일 만들기
4
|
| 12009 |
웹서버
퍼미션 계산기-아주 좋습니다.
|
| 12007 |
JavaScript
화면전체에 눈 내리는 효과
1
|
| 12005 |
PHP
외부이미지 서버에 저장하기
1
|
| 12004 |
PHP
유튜브 api 사용하기
|
| 20361 | |
| 12002 | |
| 11997 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기