`
saluya
  • 浏览: 120387 次
  • 性别: Icon_minigender_2
  • 来自: 西安
社区版块
存档分类
最新评论

js判断上传文件大小

 
阅读更多
<html> 
<head> 
<script type="text/javascript"> 
  var isIE = /msie/i.test(navigator.userAgent) && !window.opera;       
  function fileChange(target) {   
    
    var fileSize = 0;        
    if (isIE && !target.files) {    
      var filePath = target.value;    
      var fileSystem = new ActiveXObject("Scripting.FileSystemObject");       
      var file = fileSystem.GetFile (filePath);    
      fileSize = file.Size;   
    } else {   
     fileSize = target.files[0].size;    
     }  
     var size = fileSize / 1024;   
     if(size>10000){ 
      alert("附件不能大于10M"); 
      
      
     } 
     
}  
</script> 
</head> 
<body> 
<input type="file" name="contractFileName"  style="width: 500px;" onchange="fileChange(this);"/> 
</body> 
</html>
 

自己网上找资料 并测试 文件上传大小限制的一个例子,兼容ie6ie7ie8 Google Chromeff等浏览器,ie8上面在安全设置处设置一下就好了(工具 => Internet选项 => 安全 => Internet => 自定义级别    找到“将文件上载到服务器时包含本地目录路径”,设为“启用”即可)

function fileChange(target,id) {   
	    var fileSize = 0;        
	    if (isIE && !target.files) {    
		      var filePath = target.value;   
		      var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
		      
			  if(!fileSystem.FileExists(filePath)){
			     alert("附件不存在,请重新输入!");
				 var file=document.getElementById(id); 
		       	 file.outerHTML=file.outerHTML;
		       	 return;
			  }
		      var file = fileSystem.GetFile (filePath);
		      fileSize = file.Size;   
    	} else {   
	     	  fileSize = target.files[0].size; 
	    }  
	    
        var size = fileSize / 1024;   
        if(size>100000){ 
       		 alert("附件大小不能大于100M!"); 
       		 var file=document.getElementById(id); 
       		 file.outerHTML=file.outerHTML
        }  
        if(size<=0){
        	alert("附件大小不能为0M!"); 
        	var file=document.getElementById(id); 
       		 file.outerHTML=file.outerHTML
        } 
     } 
 

 

分享到:
评论
2 楼 uuhorse 2013-12-27  
不错,解决了困扰我许久的问题,都准备搞flex了
1 楼 fenghoer 2012-10-26  
ie下不好用??

相关推荐

    js判断上传文件大小,支持多种浏览器

    由于项目需要,在网上找了一个JS判断上传文件大小的程序,经测试兼容IE6-9,Firefox10,Opera11.6,safari5.1,chrome17

    JavaScript判断上传文件大小的限制脚本

    三、文件大小限制的JavaScript实现 1. 获取文件大小 当用户选择文件后,`&lt;input type="file"&gt;`标签的`change`事件会被触发。我们可以在这个事件中获取到选中的文件,并通过`FileList`对象的`item`方法获取到`File`...

    JS判断上传文件的大小类型等限制

    ### JS判断上传文件的大小类型等限制 在Web开发中,文件上传是一个常见的功能需求。为了确保用户体验并防止服务器资源被滥用,前端通常需要对上传的文件进行一系列的验证,如文件大小、文件类型等。本文将详细介绍...

    JS 判断上传 文件 大小.rar

    在JavaScript中,对上传文件大小进行判断是网页交互中常见的一种功能,特别是在处理用户上传文件时,为了防止服务器被大文件占用过多资源或确保文件上传符合网站规定,我们需要在前端进行预判。以下是对这个主题的...

    js判断上传文件的大小(兼容火狐、谷歌、IE、360浏览器)

    ### js判断上传文件的大小(兼容火狐、谷歌、IE、360浏览器) 在Web开发中,经常需要处理用户上传文件的操作。为了确保服务器安全并优化用户体验,开发者需要对上传文件进行一定的预处理,例如限制文件大小。本文将...

    js判断文件大小,js判断文件大小

    项目组经常会用到文件上传,但是如果在服务器端判断文件大小,那文件已经传到服务器了那也就没有任何意义了,而且打文件会造成服务器和网络的压力。 今天这个方法可以在前端就判断文件大小,否则就不上上传,支持...

    上传文件大小的限制和判断javascript

    本文将深入探讨如何利用JavaScript来实现对上传文件大小的限制与判断。 ### 一、理解上传文件大小的限制 上传文件大小的限制通常由以下几个方面决定: 1. **服务器或应用程序的配置**:服务器或后端框架可能已经...

    javascript实现限制上传文件大小

    本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; [removed] var isIE = /msie/i.test...

    js 判断上传文件大小及格式代码

    一般会选择采用iframe的形式来进行文件的上传,但我们不能像ajax那样对服务端返回的数据进行处理,从而来进行文件大小以及文件样式的判断,所以我们一般也会想到使用js对上传的文件大小以及格式进行初步的判断,在...

    ExtJS4 上传文件类型和大小的判断方法(实例)

    对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

    js控制上传文件的大小

    通过以上介绍,我们可以看到使用JavaScript来控制上传文件大小的方法有多种。其中,利用HTML5的File API是最为现代化且实用的方式。这种方法不仅能够有效地控制文件大小,还能提供良好的用户体验。开发者可以根据...

    php文件上传大小客户端判断

    标签"上传文件判断"进一步明确了讨论的主题,即文件上传过程中的验证机制。在客户端进行文件大小判断通常涉及到以下步骤: 1. **文件选择事件监听**:使用JavaScript或jQuery等库,监听`input[type="file"]`元素的`...

    javascript判断文件大小

    一个高手写的js判断文件大小,asp.net开发中挺实用的,分享给大家,喜欢的就下载吧 (this)"/&gt; 即可~

    struts2上传文件,JavaScript判断文件大小

    -- 设置最大上传文件大小 --&gt; &lt;result name="success"&gt;/success.jsp ``` 在上述配置中,`fileUpload`拦截器用于处理文件上传,我们可以设置最大允许的文件大小。如果上传的文件超过了这个大小,Struts2会抛出...

    jquery客户端判断上传文件的格式和大小

    在开发Web应用时,文件...总的来说,通过`jQuery`实现客户端文件上传的类型和大小判断,可以有效地提升用户体验,并且在一定程度上保护了服务器资源。不过,为了确保安全性,开发者应始终在服务器端进行严格的验证。

    高度,javascript判断上传图片大小,宽度,高度

    在这个示例中,`MAX_IMAGE_SIZE`、`MAX_WIDTH`和`MAX_HEIGHT`分别代表允许的最大文件大小和尺寸。 7. **性能优化**: 为了避免不必要的资源消耗,可以先验证图片类型和大小,只有在满足条件后才创建`Image`对象...

    jquery过滤上传文件的类型和限制文件的大小

    ### 使用jQuery过滤上传文件的类型和限制文件大小 在Web开发中,经常需要处理用户上传文件的功能。为了确保系统的安全性和提高用户体验,开发者通常需要对上传的文件进行一系列的检查,比如验证文件类型是否符合...

Global site tag (gtag.js) - Google Analytics