이미지 업로드 + 미리보기
<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년 전
감사합니다^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 2311 | |
| 2309 | |
| 2308 | |
| 18052 | |
| 2302 |
Flash
실시간채팅창 붙이기 플래시 버튼액션..
5
|
| 2299 |
JavaScript
php폼메일로 일본어 메일 보내기
2
|
| 2295 |
JavaScript
원하는 부분만 프린트하기.
3
|
| 12624 | |
| 18033 |
HTML
디렉토리 이미지 뷰어
18
|
| 12623 | |
| 2293 | |
| 2291 | |
| 2286 | |
| 18028 | |
| 2285 | |
| 2279 | |
| 12618 | |
| 12611 | |
| 2277 | |
| 2272 |
JavaScript
웹호스팅서버 보안 - Open DNS 막기
4
|
| 2267 | |
| 2264 |
JavaScript
자동 스크롤 메뉴 (끄기 기능)
2
|
| 2260 | |
| 12610 | |
| 12609 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기