//判断文件大小
<html>
<head>
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) &&!window.opera;
function fileChange(target,id) {
var fileSize = 0;
if (isIE && !target.files) {
alert("ISIE");
var filePath =target.value;
var fileSystem = newActiveXObject("Scripting.FileSystemObject");
if(!fileSystem.FileExists(filePath)){
alert("附件不存在,请重新输入!");
varfile=document.getElementById(id);
file.outerHTML=file.outerHTML;
return;
}
var file = fileSystem.GetFile(filePath);
fileSize = file.Size;
} else {
alert("NOTIE");
fileSize =target.files[0].size;
}
var size = fileSize / 1024;
if(size>100000){
alert("附件大小不能大于100M!");
varfile=document.getElementById(id);
file.outerHTML=file.outerHTML
}
alert(size);
if(size<=0){
alert("附件大小不能为0M!");
varfile=document.getElementById(id);
file.outerHTML=file.outerHTML
}
}
</script>
</head>
<body>
<input type="file" name="contractFileName" style="width: 500px;"οnchange="fileChange(this);"/>
</body>
</html>
//上传文件样式改变
<style>
.disNo{
display:none;
}
#uploadImg{ font-size:13px;overflow:hidden; position:absolute;padding-top:7px;}
#file{ position:absolute; z-index:100;margin-left:-180px; font-size:60px;opacity:0;filter:alpha(opacity=0);margin-top:-5px;}
</style>
<span id="uploadImg">
<input type="file"id="file" name="files" size="1"οnchange="jiao(this);"/>
<a href="#" style="color:green;cursor: pointer;">点我上传文件</a>
</span>
<script>
var sss = 0;
//改变file样式,并在点击后创建一个file 隐藏当前file 使得可以多文件上传
function jiao(evet){
vard = $("#uploadImg");
varc = $("#file");
c.attr("id","file"+sss);
c.attr("readonly","readonly");
c.addClass("disNo");
d.append("<inputtype='file' id='file' name='files' size='1' οnchange='jiao(this);'/>");
$("#showFile").append("<liid='li"+sss+"'>"+evet.value+" <ahref='javascript:delFile("+sss+");'>取消</a></li>");
sss++;
}
function delFile(id){
var fileid="#file"+id;
var liid="#li"+id;
$(liid).remove();
$(fileid).remove();
}
</script>