파일업로드 찾아보기 버튼을 이미지로 만들기
현재에 보이는 input type=file 부분을 Style로 숨긴다.
input type=text 와 버튼으로 사용할 이미지를 배치한다.
이미지의 onClick 이벤트가 javascript를 호출하여 file control의 기능을 수행 후,
더미 text의 value를 file의 value로 치환한다.
// source /////////////////////////////////////////////
<script>
function func()
{
document.form.file.click();
document.form.text1.value=document.form.file.value;
}
</script>
<body>
<form name="form">
<input type="file" name= "file" style="display='none';">
<input type="text" name="text1">
<a href="javascript
</form>
</body>
'프로그래밍 > html & jsp' 카테고리의 다른 글
| 자바스크립트로 파일용량 체크 (0) | 2009.06.10 |
|---|---|
| event.keycode 표 (0) | 2009.06.10 |
| 20줄 자바스크립트 1년 달력 (0) | 2009.06.10 |
| 자바스크립트 날짜 조작 (0) | 2009.06.10 |
| 자주쓰이는 자바 스크립트 (0) | 2009.06.10 |