이미지 업로드 + 미리보기
<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년 전
감사합니다^^
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 626 | 기타 | 19년 전 | 4226 | ||
| 625 | JavaScript |
 양들의친목 |
19년 전 | 3424 | |
| 624 | JavaScript |
 강강술냄세 |
19년 전 | 3350 | |
| 623 | 기타 |
강강술냄세 |
19년 전 | 2828 | |
| 622 | 기타 |
pearly
|
19년 전 | 4722 | |
| 621 | JavaScript | 19년 전 | 3487 | ||
| 620 | Flash |
 예은이아빠 |
19년 전 | 7764 | |
| 619 | 기타 | 19년 전 | 3641 | ||
| 618 | JavaScript |
강강술냄세 |
19년 전 | 3475 | |
| 617 | 기타 |
강강술냄세 |
19년 전 | 4152 | |
| 616 | 기타 |
강강술냄세 |
19년 전 | 3107 | |
| 615 | JavaScript | 19년 전 | 3519 | ||
| 614 | 기타 | 19년 전 | 4173 | ||
| 613 | 기타 |
 드렁크수달스 |
19년 전 | 6885 | |
| 612 | JavaScript | 19년 전 | 4233 | ||
| 611 | 기타 |
 cunic |
19년 전 | 6297 | |
| 610 | Flash | 19년 전 | 5037 | ||
| 609 | Flash | 19년 전 | 5935 | ||
| 608 | Flash |
홀로남은자
|
19년 전 | 5518 | |
| 607 | 기타 | 19년 전 | 4667 | ||
| 606 | PHP |
드렁크수달스 |
19년 전 | 3987 | |
| 605 | 기타 |
 happycommunity |
19년 전 | 3760 | |
| 604 | 기타 |
happycommunity |
19년 전 | 4345 | |
| 603 | JavaScript |
happycommunity |
19년 전 | 3871 | |
| 602 | 기타 |
happycommunity |
19년 전 | 3846 | |
| 601 | 기타 |
happycommunity |
19년 전 | 3445 | |
| 600 | JavaScript |
happycommunity |
19년 전 | 4743 | |
| 599 | 기타 |
happycommunity |
19년 전 | 3983 | |
| 598 | 기타 |
happycommunity |
19년 전 | 4413 | |
| 597 | 기타 |
happycommunity |
19년 전 | 3342 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기