由于项目需要,需要脚本在客户端判断上传文件大小和类型!兼容ie6,ie7,ie8 ,Google Chrome,ff等浏览器 

<html> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript"> 

//判断当前浏览器是否为IE浏览器
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
function fileChange(target) { 
var fileSize = 0; 

//可以上传的文件类型
var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"]; 

//获取上传文件的本地路径
var filepath = target.value; 

//上传文件的大小限制
var filemaxsize = 1024*2;//2M 
if(filepath){ 
var isnext = false; 

//获取上传文件的扩展名
var fileend = filepath.substring(filepath.indexOf(".")); 
if(filetypes && filetypes.length>0){ 
  for(var i =0; i<filetypes.length;i++){ 
    if(filetypes[i]==fileend){ 
    isnext = true; 
    break; 
    } 
  } 
 } 
if(!isnext){ 
alert("不接受此文件类型!"); 
target.value =""; 
return false; 

}else{ 
return false; 

if (isIE && !target.files) { 
var filePath = target.value; 

//IE浏览器要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象

var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
if(!fileSystem.FileExists(filePath)){ 
alert("附件不存在,请重新输入!"); 
return false; 

var file = fileSystem.GetFile (filePath); 
fileSize = file.Size; 
} else { 

//对于支持 HTML5 FileAPI 的浏览器 (IE10, FF 3.6+, Chrome 13+, Safari 5+, Opera 11.1+),可以直接使用 files[0].size。这些属性属于 DOM

fileSize = target.files[0].size; 


var size = fileSize / 1024; 
if(size>filemaxsize){ 
alert("附件大小不能大于"+filemaxsize/1024+"M!"); 
target.value =""; 
return false; 

if(size<=0){ 
alert("附件大小不能为0M!"); 
target.value =""; 
return false; 


</script> 
</head> 
<body> 
<input type="file" name="contractFileName" style="width: 500px;" οnchange="fileChange(this);"/> 
</body> 
</html> 

原文链接:http://www.jb51.net/article/43498.htm