js获取input file大小

最新推荐文章于 2024-07-05 10:53:10 发布

刘俊强

最新推荐文章于 2024-07-05 10:53:10 发布

阅读量814

点赞数

分类专栏： js 文章标签： js ViewUI

本文链接：https://blog.csdn.net/u014635691/article/details/84721917

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.html

<script type="text/javascript">
	function getPhotoSize(){
		obj = document.getElementById("imgFile");
		var size = getFileSize(obj);
		if(size > 1024 ){
			alert('文件大于1024kb,请重新选择');
		}
	}
</script>
</head>
<body>
<input type="file" id="imgFile" name="upload" style="width:150px;" οnchange="getPhotoSize()"/>
</body>
<script type="text/javascript" src="fileUtil.js"></script>

2.fileUtil.js

//获取文件大小,obj为dom对象
function getFileSize(obj){
    var fileSize = 0;
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;            
    if (isIE && !obj.files) {          
         var filePath = obj.value;            
         var fileSystem = new ActiveXObject("Scripting.FileSystemObject");   
         var file = fileSystem.GetFile (filePath);               
         fileSize = file.Size;         
    }else {  
         fileSize = obj.files[0].size;     
    } 
    fileSize=Math.round(fileSize/1024); //单位为KB
  	return fileSize;
}