JS前端获取上传文件的大小的方法

WEB应用中,经常会遇到上传附件的问题,比如有时候会有限制附件大小的需求。那么如何去判断附件的大小呢?

 

方法如下:(遗憾的IE中只能判断出图片文件的大小) 

  

<html>
	<head>
		<title>JS获取文件大小 </title>
		<script type='text/javascript'>
			
			///获得文件的大小(单位字节)
			function GetFileSize(fileId) {
			    var dom = document.getElementById(fileId);
			    try {
			        return dom.files.item(0).fileSize;
			    } catch (e) {
			        try {
			            var img = new Image();
			            img.src = dom.value;
			            img.style.display='none';
			           	document.body.appendChild(img);
									setTimeout(function(){
										document.body.removeChild(img);
									},1000);
			           	return img.fileSize;
			        } catch (e) {
			            return -1;
			        }
			    }
			}
			
			function testFileSize(){
				alert('文件大小=' + GetFileSize('oFile'));	
			}

		</script>
	</head>
	<body>
		<input id='oFile' type='file' value=''>
		<input type='button' value='测试大小' onclick='testFileSize()'>
	</body>	
</html>

 

你可能感兴趣的:(JavaScript,html,Web,IE)