javascript判断文件大小 与type=‘file' 样式改变

//判断文件大小

   <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+"&nbsp;&nbsp;&nbsp;<ahref='javascript:delFile("+sss+");'>取消</a></li>");

    sss++;

}

 

function delFile(id){

var fileid="#file"+id;

var liid="#li"+id;

$(liid).remove();

$(fileid).remove();

}

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值