이미지 업로드 + 미리보기
<html>
<head>
<script language="javascript">
function AddFile()
{
var objTbl = document.all["tblAttFiles"];
var objRow = objTbl.insertRow();
var objCell = objRow.insertCell();
objCell.innerHTML =
"<img width=91 src=http://www.sir.co.kr/skin/board/exif_point/img/noimage.gif align=absbottom>\n" +
"<input type=file onChange='CkImageVal()' name=AttFile[] size=40>";
document.recalc();
}
function CkImageVal() {
var oInput = event.srcElement;
var fname = oInput.value;
if((/(.jpg|.jpeg|.gif|.png)$/i).test(fname))
oInput.parentElement.children[0].src = fname;
else
alert('이미지는 gif, jpg, png 파일만 가능합니다.');
}
</script>
</head>
<body>
<table id=tblAttFiles cellspacing=0 border=0>
<tr><td>
<img width=91 src=http://www.sir.co.kr/skin/board/exif_point/img/noimage.gif align=absbottom>
<input type=file name=AttFile[] size=40 onChange="CkImageVal()" class=textidpass>
</td></tr>
</table>
<br>
<input type=button value='이미지 입력 추가' onclick="AddFile()">
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<head>
<script language="javascript">
function AddFile()
{
var objTbl = document.all["tblAttFiles"];
var objRow = objTbl.insertRow();
var objCell = objRow.insertCell();
objCell.innerHTML =
"<img width=91 src=http://www.sir.co.kr/skin/board/exif_point/img/noimage.gif align=absbottom>\n" +
"<input type=file onChange='CkImageVal()' name=AttFile[] size=40>";
document.recalc();
}
function CkImageVal() {
var oInput = event.srcElement;
var fname = oInput.value;
if((/(.jpg|.jpeg|.gif|.png)$/i).test(fname))
oInput.parentElement.children[0].src = fname;
else
alert('이미지는 gif, jpg, png 파일만 가능합니다.');
}
</script>
</head>
<body>
<table id=tblAttFiles cellspacing=0 border=0>
<tr><td>
<img width=91 src=http://www.sir.co.kr/skin/board/exif_point/img/noimage.gif align=absbottom>
<input type=file name=AttFile[] size=40 onChange="CkImageVal()" class=textidpass>
</td></tr>
</table>
<br>
<input type=button value='이미지 입력 추가' onclick="AddFile()">
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
첨부파일
댓글 3개
네잎클로버
19년 전
감사합니다~~~
파폭도 가능한가용?......
써볼까 하고 찾다가 포기한 상태라는....^^
파폭도 가능한가용?......
써볼까 하고 찾다가 포기한 상태라는....^^
19년 전
익스에서는 잘 됩니다~~
다른 브라우저는 몰라요~
내공 부족... ㅋㅋ
다른 브라우저는 몰라요~
내공 부족... ㅋㅋ
17년 전
감사합니다^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 2328 |
JavaScript
포토샵 해상도의 종류
|
| 2325 | |
| 2323 | |
| 2316 |
Flash
포토샵에서 쓰이는 파일정보 입니다.
3
|
| 2315 |
JavaScript
♣ 영문으로 보이는 한글폰트를 한글명으로
|
| 2314 | |
| 2313 | |
| 2311 |
JavaScript
일러스트 단축키
|
| 2310 | |
| 2308 |
Flash
자동으로 창크기 변환
|
| 2306 |
MySQL
mysql table 유뮤 확인 코딩[펌]
|
| 2305 |
PHP
php환경 변수 출력
|
| 2304 | |
| 2301 |
기타
연합뉴스 뉴스티커
2
|
| 2299 | |
| 2298 | |
| 2297 | |
| 2296 |
JavaScript
ls 명령에서 LS_COLOR 환경변수로 확장자별 색 바꾸기
|
| 2294 |
JavaScript
php 날짜, 시간 함수 관련 팁
1
|
| 2288 |
PHP
PHP팁 (보안 등)
5
|
| 2282 |
Flash
swf 바탕빼서 적용하기
3
|
| 2280 |
Flash
mp3 play 플래시 소스입돠~
1
|
| 2278 | |
| 2277 | |
| 2276 | |
| 2272 | |
| 2269 |
JavaScript
돌맹이로 글자쓰기 ㅡㅡ;; 강좌...
2
|
| 2268 |
JavaScript
주소 보여주기 시를 때 제가 자주 쓰는 방법 이건 조회수 빵이다 ㅡ0ㅡ;
|
| 2266 | |
| 2264 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기