js如何获取上传文件大小

js如何获取上传文件大小

于js获取上传文件大小处理原理是利用了js读取当前的图片，然后再创建一个new image再把图片的大小读取出来，然后判断当前文件图片的大小是不是指定大小就ok了。

<script language="网页特效">
function showsize(files) 
{ 
  var fso,f; 
  fso=new activexobject("scripting.filesystemobject"); 
  f=fso.getfile(files);
  var filesize = f.size ;
  if((filesize/1024) < 1024){
    alert(filesize/1024+"k");
  }else if( ((filesize/1024) > 1024) && ((filesize/(1024*1024)) < 1024)){
    alert(filesize/(1024*1024)+"m");
  }else{
    alert(filesize/(1024*1024*1024)+"g")
  }
} 
</script>

方法二
：<input type="text" size="4" value="10" name="filesizelimit" id="filesizelimit"/> k
<input type="file" name="file1" id="file1" size="40" onchange="changesrc(this)"/>
<img src="about:blank" id="filechecker" alt="test"  height="18"/>
   
<script type="text/javascript">
var ofilechecker = document.getelementbyid("filechecker");
   
function changesrc(filepicker)
{
    ofilechecker.src = filepicker.value;
}
   
ofilechecker.onreadystatechange = function ()
{
    if (ofilechecker.readystate == "complete")
    {
        checksize();
    }
}
   
function checksize()
{
    var limit  = document.getelementbyid("filesizelimit").value * 1024;
   
    if (ofilechecker.filesize > limit)
    {
        alert("too large");
    }
    else
    {
        alert("ok");
    }
}
</script> 

方法三js获取上传文件大小
<script type="text/javascript"><!--
function getfilesize1(filename){
  var size = null;
  var file = null;
  if(filename){
  var fso = new activexobject("scripting.filesystemobject");
  try{
  file=fso.getfile(filename);
  size=file.size;
  }
  catch(e){
  return("get file error.");
  }
  }
  return(size);
}
-->
</script>

<div>
  <input id="upfile" type="file" value="upload" />
  <button value="get size" onclick="var msg=getfilesize(document.getelementbyid(‘upfile‘).value);alert(msg);" />
</div>

广州域名注册 金山域名注册 闵行域名注册 北京域名注册 徐汇域名注册 上海域名注册