本文主要和大家分享js脚本判断在客户端大小和文件类型方法实例， 用js脚本在客户端判断大小和文件类型！兼容ie6，ie7，ie8 ，google chrome，ff等浏览器，希望能帮助到大家。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var isie = /msie/i.test(navigator.useragent) && !window.opera;
function filechange(target,id) {
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;
var filesystem = new activexobject("scripting.filesystemobject");
if(!filesystem.fileexists(filepath)){
alert("附件不存在，请重新输入！");
return false;
}
var file = filesystem.getfile (filepath);
filesize = file.size;
} else {
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;" onchange="filechange(this);"/>
</body>
</html>
相关推荐：
js判断文件类型大小并给出提示的方法
php 调用wsdl文件类型的接口代码示例
php中检测上传文件类型与上传图片大小代码
以上就是js脚本判断在客户端大小和文件类型方法实例的详细内容。