上传文件限制文件类型和大小

最新推荐文章于 2025-07-03 10:31:21 发布

原创最新推荐文章于 2025-07-03 10:31:21 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

JSP 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种JavaScript方法，用于检查上传文件的大小是否超过4MB限制，并验证文件类型是否为指定的图片或Excel文件格式。该方法兼容IE浏览器，并使用了不同的技术来适应现代浏览器。

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

var isIE = /msie/i.test(navigator.userAgent) &&!window.opera;
function checkFileSize(file) {
	var limit = 5242880;
	var fileSize = 0;

	if (isIE && !file.files) {
		file.select();
		var path = document.selection.createRange().text;
		var fileSystem = newActiveXObject("Scripting.FileSystemObject");//设置IE：工具——INTERNET选项——安全——自定义级别——对没有标记为安全的activeX控件进行初始化和脚本运行选成启用或提示
		var newfile = fileSystem.GetFile(path);
		fileSize = newfile.Size;
	} else {
		fileSize = file.files[0].size;
	}
	if (fileSize > limit) {
		alert("文件大小必须在4M以内！请重新选择文件！");
		return false;
	}
	return true;
}

function checkExcelType(file) {
	var filename = file.value;

	if ((filename == null) ||!(/(.*)+\.(xls|XLS)$/.test(filename))) {
		alert("文件必须为.xls或.XLS类型！");
		return false;
	} else {
	return true;
	}
}

function checkIMGType(file) {
	var filename = file.value;

	if ((filename == null)
		||!(/(.*)+\.(jpg|bmp|gif|png|JPG|BMP|GIF|PNG)$/.test(filename))){
		alert("文件必须为.jpg;.JPG;.bmp;.BMP;.gif;.GIF;.png;.PNG类型！");
		return false;
	} else {
		return true;
	}
}