이미지 업로드 + 미리보기
<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년 전
감사합니다^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 2048 | |
| 2046 |
JavaScript
김영보님의 Ajax 활용 세미나 안내
1
|
| 2041 | |
| 2031 | |
| 2017 | |
| 2015 | |
| 2002 |
Flash
플래시 링크를 자바스크립트로 빼기
8
|
| 1995 |
기타
날씨?
6
|
| 1994 |
JavaScript
ajax 영문 tutorial
|
| 1985 |
JavaScript
[AJAX의 장점?] 사적인 관점에서 봤을때 장점?
1
|
| 1981 |
MySQL
이번 달의 마지막 날 알아 오는 함수
3
|
| 1975 | |
| 1964 |
MySQL
PHP 속도를 향상시키는 방법들
10
|
| 1962 |
JavaScript
Crazyfiles.com의 Main page Source !!
1
|
| 1950 |
Flash
너무나도 유용한 플래쉬 메뉴입니다
11
|
| 1944 | |
| 1942 | |
| 1937 | |
| 1933 |
MySQL
php.ini
3
|
| 1925 |
MySQL
php로 만든 디비 백업스크립트(쉘용)
7
|
| 1916 | |
| 1915 |
JavaScript
netpbm을 이용한 썸네일 만들기
|
| 1911 | |
| 1905 |
MySQL
초짜를 위한 Ajax 입문하기 좋은 소스
5
|
| 1900 |
JavaScript
Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개!
4
|
| 1896 | |
| 1893 | |
| 1891 | |
| 1890 | |
| 1886 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기