유

이미지 업로드 + 미리보기

1.png
<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>

첨부파일

1.png (29.5 KB)
0회 2006-06-05 20:38
|

댓글 3개

감사합니다~~~

파폭도 가능한가용?......

써볼까 하고 찾다가 포기한 상태라는....^^
익스에서는 잘 됩니다~~

다른 브라우저는 몰라요~

내공 부족... ㅋㅋ
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 06-06-07 조회 3,645
JavaScript 06-06-07 조회 3,809
기타 06-06-07 조회 3,072
JavaScript 06-06-05 조회 4,320
기타 06-06-05 조회 5,114
기타 06-06-05 조회 3,374
JavaScript 06-06-02 조회 4,397
PHP 06-06-02 조회 4,161
JavaScript 06-06-01 조회 4,819
기타 06-06-01 조회 8,437
기타 06-05-31 조회 3,257
Flash 06-05-31 조회 3,687
Flash 06-05-30 조회 4,359
Flash 06-05-29 조회 6,294
기타
[기타]
06-05-29 조회 4,266
JavaScript 06-05-28 조회 3,976
JavaScript 06-05-26 조회 4,781
MySQL 06-05-24 조회 4,248
PHP 06-05-24 조회 6,486
MySQL 06-05-24 조회 6,179
JavaScript 06-05-22 조회 3,748
Flash 06-05-20 조회 6,839
Flash 06-05-20 조회 8,527
기타 06-05-18 조회 4,177
기타 06-05-18 조회 3,287
MySQL 06-05-17 조회 4,608
MySQL 06-05-16 조회 5,549
기타 06-05-15 조회 4,898
JavaScript 06-05-15 조회 4,176
PHP 06-05-14 조회 8,704