文件上传时校验文件类型和文件大小

最新推荐文章于 2025-06-07 11:06:36 发布

自挂东南只

最新推荐文章于 2025-06-07 11:06:36 发布

阅读量5.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_34928194/article/details/83066239

前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行文件上传前的校验方法，包括检查文件类型是否为.zip或.rar，以及文件大小是否超过10MB。适用于前端开发场景，帮助提升用户体验。

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

在JS中校验的方式：


var filename = document.form_name.file.value;
var patrn = /^.+\.(zip|rar)$/;   //只允许后缀名为.zip或.rar的文件
if(!patrn.exec(filename)){
	alert("请上传.zip或.rar文件!");
	return false;
}else{
	var filesize;
	if((filename.length > 0 ) && (filename != "undefined")){
		if(typeof(ActiveXObject)=="function"){
			//IE浏览器
			var fso = new ActiveXObject("Scripting.FileSystemObject");
			var fi = fso.GetFile(filename);
			filesize = fi.size;
		}else{
			//非IE浏览器
			filesize = document.forms["form_name"].files[0].size;
		}
		
		if(filesize > 1024*1024*10){ //10M
			alert("文件大于10M");
			return false;
		}
		return true;
		
	}else{
		alert("选择文件不正确");
	}
	
}