4221学习网
首页 | 网址大全 | 脑力倍增 | 电脑学院 | 学习方法 | 英语学习 | 口才交际 | 工作职场 | 成功励志 | 文学小说 | 视频教程 | 视频短片 | 下载中心 | NBA | 奥运 | 图片专区 | QQ·技巧 | 游戏技巧 | 恋爱技巧 | 谈天说地 | 专题教程 | 4221论坛
热门关键字: 视频教程  百家讲坛  美女  记忆力  疯狂英语
 → 当前位置:4221学习网>电脑学院>编程开发>JavaScript>正文

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

4221学习网 2007-06-08 来源:互联网 收藏本文

训练30小时,让阅读提速5-10倍!---速读记忆训练软件免费下载!(点击下载)

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

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

  //--></SCRIPT>   
<FORM action="**.asp" method="post" onSubmit="return CheckFileSize()" enctype="multipart/form-data" name="RegForm">
<input name="Next" type="submit" class="pBttn" id="Next" value="Save">

上一篇:JavaScript方法和技巧大全   下一篇:javascript版的日期输入控件
添加到google书签 digg this! 添加到bolaa 添加到yahoo+ 添加到新浪vivi 添加到365key  
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭

相关文章
·JavaScript方法和技巧大全
·javascript版的日期输入控件
·JS技巧之showModelessDialog()使用详解
·JavaScript常用检测脚本
·汇总:一些不错的使用频率比较高的JS函数
·JavaScript实现多维数组多键值排序方法
·巧用Javascript代码来限制文本的字节数
·使用Javascript评估用户输入密码的强度
·解决JavaScript页面刷新与弹出窗口问题
·JS实现无刷新联动菜单(select)的方法
发表评论
要记得去论坛讨论,点击注册新会员) 密码: 匿名评论
评论内容:(请自觉遵守互联网相关政策法规。)
最新文章
·几种常用禁止修改输入框的方法
·JS将字符串转为XML并读取对象值
·用JSP+JavaScript打造二级级联下拉菜单
·JS实现无刷新联动菜单(select)的方法
·解决JavaScript页面刷新与弹出窗口问题
·使用Javascript评估用户输入密码的强度
·巧用Javascript代码来限制文本的字节数
·JavaScript实现多维数组多键值排序方法
·汇总:一些不错的使用频率比较高的JS函数
·javascript版的日期输入控件
本类阅读排行榜
·JavaScript常用检测脚本
·JavaScript方法和技巧大全
·用JSP+JavaScript打造二级级联下拉菜单
·JS实现无刷新联动菜单(select)的方法
·javascript版的日期输入控件
·解决JavaScript页面刷新与弹出窗口问题
·几种常用禁止修改输入框的方法
·JS技巧之showModelessDialog()使用详解
·JavaScript实现多维数组多键值排序方法
·巧用Javascript代码来限制文本的字节数
热点视频教程
视频街舞 舞步 教学
视频windowsxp重装系统视频教程
视频李孝利十分钟详细舞蹈教程
视频美女教你跳舞
视频街舞 舞步 教学2
视频双截棍视频教程-定式
视频如何安装双操作系统
视频韩国的太空步教程,后滑、侧滑、旋转太空
视频【WindowsXP入门教程】 - 硬盘分区
视频台球教程-基本杆法
视频[百家讲坛]三十六计01_借刀杀人
视频24式太极拳教学---基本动作
视频 斯诺克台球竿法-后退球
视频动物世界之决战生死线2
视频超级全脑速读训练教程

设为首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接

4221学习网版权所有-鄂ICP备07006816号
已浏览: