如何用javascript控制上传文件的大小_javascript技巧

复制代码 代码如下:

    
  
    
  

    

  <script><!-- <BR> function CheckFileSize() <BR> { <BR> var s = document.Myform.photo.value; <BR> if(s==" ")return false; <BR> var img = new Image(); <BR> img.src = s; <BR> alert("高 = "+ img.height + "\n宽 = "+ img.width); <BR> alert("fileSize = "+ img.fileSize +" 字节"); <BR> return false; <BR> } <BR> //--></script>   

应用了javascript和在IE下img本身的fileSize属性。另外img还有其他的几个属性，如fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters，我们可以通过这些属性来获取图片文件的部分信息，如文件大小，我们用file表单同img标签结合，就能够在上传之前判断图片文件的大小是否合法了。

复制代码 代码如下:

 K 
 
 

<script> <BR>var oFileChecker = document.getElementById("fileChecker"); <br><br>function changeSrc(filePicker) <BR>{ <BR>oFileChecker.src = filePicker.value; <BR>} <br><br>oFileChecker.onreadystatechange = function () <BR>{ <BR>if (oFileChecker.readyState == "complete") <BR>{ <BR>checkSize(); <BR>} <BR>} <br><br>function checkSize() <BR>{ <BR>var limit = document.getElementById("fileSizeLimit").value * 1024; <br><br>if (oFileChecker.fileSize > limit) <BR>{ <BR>alert("too large"); <BR>} <BR>else <BR>{ <BR>alert("ok"); <BR>} <BR>} <BR></script> 

复制代码 代码如下:

function   CheckFileSize()    
  {    
     var FileMaxSize = 100;//限制上传的文件大小，单位(k) 
      var   s   =   document.RegForm.Img_1.value;   
      //if(s==""){alert("No image,please select again!");document.RegForm.Img_1.focus(); return   false;}    
      var   img   =   new   Image();    

      img.src   =   s;  

     if(img.fileSize>FileMaxSize*1024){alert("The file size exceeds "+FileMaxSize+"K，please choose a smaller one!");document.RegForm.Img_1.focus();return false;} 

  //-->