js判断上传文件的大小-CSDN博客

本文链接：https://blog.csdn.net/ly0811010107/article/details/8895752

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>js判断上传文件的大小</title>
    <script type="text/javascript">
	    var maxsize = 1*1024*1024;//1M  
        var errMsg = "上传的图片文件不能超过1M！！！";  
        var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
        //var sizeLabel = ["B", "KB", "MB", "GB"];
		var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|.tif|";//全部图片格式类型 
		var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。"; 
		
        function fileChange(target) {
            var fileSize = 0;
			var obj=target;
			var FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase(); 
			var button=document.getElementById("btSubmit");
			button.disabled=true;
			if(AllImgExt.indexOf(FileExt+"|")!=-1)
			{
            if (isIE && !target.files) {
                var filePath = target.value;

                var fileSystem = new ActiveXObject("Scripting.FileSystemObject");   
                var file = fileSystem.GetFile (filePath);
                fileSize = file.Size;
            } else {
                fileSize = target.files[0].size;
            }
            if(fileSize==-1){  
                    alert(tipMsg);  
                    return;  
                }else if(fileSize>maxsize){  
				
                    alert(errMsg);  
                    return;  
                }else{ 
				     button.disabled=false;					 
                    alert("图片文件大小符合要求");  
					
                    return;  
                }  
        }
		else
		{
		    alert("图片格式不正确");
			return; 
		}
    }
    </script>
</head>
<body>
    <div>
        <input type="file" οnchange="fileChange(this);">
    </div>
    <div id="fileSize">
    </div>
	<input type="submit" name="btSubmit" value="提交" id="btSubmit" class="button_a" style="width:50px;">
</body>
</html>