设计学院-ui163 致力于网页标准 网页设计 web标准与ui设计。

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

上一篇上一篇 | 下一篇下一篇发表时间:2007-11-27 12:48:14

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

下是引用片段:
<form    name=Myform   onsubmit="return    CheckFileSize()">   
   <input    type=file    name=photo><br/>   
   <input    type=submit    value=submit></form>   
    
   <SCRIPT    LANGUAGE="JavaScript"><!--   
   function    CheckFileSize()   
   {   
       var    s    =    document.Myform.photo.value;   
       if(s==" ")return    false;   
       var    img    =    new    Image();   
       img.src    =    s;   
       alert("高    =    "+    img.height    +    "\n宽    =    "+    img.width);   
       alert("fileSize    =    "+    img.fileSize    +"    字节");   
       return    false;   
   }   
   //--></SCRIPT>   

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

      限制:

以下是引用片段:
<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>

     我的一个项目里这样用(pendlehill)
[本日志由 ui163 于 2007-11-27 12:48:14 编辑]
上一篇上一篇:关于DOM事件模型的两件事
下一篇下一篇:getURL失效及解决办法
文章来自:设计学院
收藏到网摘: 收藏到QQ书签
Tags:

版权隐私 ┊ 免责声明  ┊ 友情链接 ┊ 网站地图  ┊ 联系我们

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号