개발자의 길

[html5]file 테스트 본문

7. HTML5

[html5]file 테스트

자르르 2012. 1. 13. 11:56



file 테스트

소스 :

<script>

function onFileSelected()
{
var selectedFiles = document.getElementById("file").files;
var fileInfos=[];
var strFileInfo="";
for(var i=0;i<selectedFiles.length;i++)
{
var file = selectedFiles[i];
fileInfos.push("파일 이름 : "+file.name+" 크기 :"+file.size);
strFileInfo+="파일 이름 : "+file.name+" 크기 :"+file.size+"\n";
}

alert(fileInfos.join("\n"));
document.getElementById("txt_Info").innerText=strFileInfo;
}


</script>
</head>

<body>
<form>
<input id="file" type="file" multiple accept="image/*" onchange="onFileSelected()">
</form>

<p id="txt_Info">
선택파일
</p>
</body>

실행결과

firefox :

 

 

safari :

chrome :

opera :

지원안됨.

저작자표시

'7. HTML5' 카테고리의 다른 글

[html5]meter 테스트  (0) 2012.01.13
[html5]progress 테스트  (0) 2012.01.13
[html5]checkbox에 추가된 indeterminate 프로퍼티 테스트  (2) 2012.01.13
[html5]number, range 테스트  (0) 2012.01.13
[html5]datetime,date,month,week,time,datetime-local 테스트1  (0) 2012.01.13


이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
공유하기 링크
'7. HTML5' Related Articles more
Comments