input file 判断附件大小与类型

最新推荐文章于 2023-07-31 13:54:42 发布

原创最新推荐文章于 2023-07-31 13:54:42 发布 · 1.2w 阅读

5 ·

CC 4.0 BY-SA版权

前端/js/jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，用于验证用户上传的文件是否为指定类型的图片（JPG, JPEG, BMP, PNG, GIF），并检查图片文件大小是否超过2MB限制。

js代码：

var filePath = $("#file").val();
if("" != filePath){
	var fileType = getFileType(filePath);
	//判断上传的附件是否为图片
	if("jpg"!=fileType && "jpeg"!=fileType && "bmp"!=fileType && "png"!=fileType && "gif"!=fileType){
		$("#file").val("");
		alert("请上传JPG,JPEG,BMP,PNG,GIF格式的图片");
	}
	else{
		//获取附件大小（单位：KB）
		var fileSize = document.getElementById("file").files[0].size / 1024;
        if(fileSize > 2048){
        	alert("图片大小不能超过2MB");
        }
	}
}

function getFileType(filePath){
	var startIndex = filePath.lastIndexOf(".");
	if(startIndex != -1)
		return filePath.substring(startIndex+1, filePath.length).toLowerCase();
	else return "";
}