728x90
반응형
처음으로 팁텍을 올리는 군요... ^^;;
이미지 파일일 경우... 파일을 업로드 하기 전에 미리 크기를 체크하는 스크립트입니다.
다른 파일일 경우에는 안 해 봤는데... 아마도 안될꺼 같구요...^^;;
이미지 파일은 잘 되는 거 같습니다.^^;;
다음은 소스입니다...
***************************************************************************
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language='javascript'>
function fileSize() {
alert(document.aaa.pre.fileSize);
}
function dreamkos_imgview()
{
img_pre = 'pre';
if(event.srcElement.value.match(/(.jpg|.jpeg|.gif|.png)/)) {
document.images[img_pre].src = event.srcElement.value;
document.images[img_pre].style.display = '';
}
else {
document.images[img_pre].style.display = 'none';
}
}
</ script>
<table bordercolordark="#ffffff" bordercolorlight="#bccad5" bgcolor="#e4e9de" border="1" cellpadding="1" cellspacing="0">
<form name="aaa">
<tbody><tr>
<td><font color="green">♤</font> 이미지를 선택하십시요. <font color="green">♤</font></td>
</tr>
<tr>
<td><input name="dreamkos_file" size="32" onchange="dreamkos_imgview()" type="file"></td>
</tr>
<tr>
<td><img id="pre" style="display: none;" border="0"></td>
</tr>
<a href="javascript:fileSize();">aaa</a>
</tbody>
</form></table>728x90
반응형
'Develop! > script, Ajax' 카테고리의 다른 글
| Ajax form data를 Query String으로 전달 시 % 값이 사라지는 문제 (0) | 2018.02.22 |
|---|---|
| HTML5 Canvas를 이용한 브라우저에서 이미지 용량 줄이기 (4) | 2016.11.09 |
| 다른 호스트, 같은 도메인간에 아이프레임 조절하기 (0) | 2006.11.13 |
| 폼 객체의 이름을 배열 형식으로 지었을 경우 객체에 접근하는 방법... (0) | 2006.11.09 |
| 파일 업로드 시 html에서 용량 제어하기 (0) | 2006.11.09 |