js获取上传文件的大小和名称

最新推荐文章于 2023-10-29 10:08:39 发布

原创最新推荐文章于 2023-10-29 10:08:39 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#上传文件大小判断

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在不同浏览器环境下获取上传文件名称和大小的方法，包括IE和其他现代浏览器的兼容性处理方式。通过JavaScript实现了一个名为fileChange的函数，该函数能够适配IE和其他浏览器，获取文件的大小和名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

上传：<input type="file"  style="width: 500px;" onchange="fileChange(this);"/>

	<script type="text/javascript">
		
		function fileChange(target){
			var isIE = /msie/i.test(navigator.userAgent) && !window.opera;//兼容IE6以上的版本
			var fileSize = 0;
			var fileName = null;
			if(isIE && !target.files){
				var filePath = target.value;
				var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
				var file = fileSystem.GetFile(filePath);
				fileName = file.Name;
				fileSize = file.Size;
			}else{
				fileSize = target.files[0].size;
				fileName = target.files[0].name;
			}
			var size = fileSize / 1024 / 1024;
			alert('fileSize:'+fileSize+'M');
			alert('fileName:'+fileName);
		}
		$(document).ready(function(){
			
		});
	</script>