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

最新推荐文章于 2024-03-01 20:13:50 发布

relucent

最新推荐文章于 2024-03-01 20:13:50 发布

阅读量8.7k

点赞数

分类专栏： JavaScript HTML IE Web

本文链接：https://blog.csdn.net/relucent/article/details/45748773

版权

JavaScript 同时被 3 个专栏收录

13 篇文章 0 订阅

订阅专栏

HTML

10 篇文章 0 订阅

订阅专栏

3 篇文章 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>

relucent

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
JS前端获取上传文件的大小的方法

WEB应用中，经常会遇到上传附件的问题，比如有时候会有限制附件大小的需求。那么如何去判断附件的大小呢？方法如下：（遗憾的IE中只能判断出图片文件的大小） JS获取文件大小 ///获得文件的大小(单位字节) function GetFileSize(fileId) { var dom = document.get
复制链接

扫一扫