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

最新推荐文章于 2024-09-18 12:01:14 发布

relucent

最新推荐文章于 2024-09-18 12:01:14 发布

阅读量850

点赞数

分类专栏： JS 文章标签： IE JavaScript Web HTML ViewUI

JS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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='测试大小' οnclick='testFileSize()'>
	</body>	
</html>