`
lws0402
  • 浏览: 108599 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JS判断上传文件大小

    博客分类:
  • js
阅读更多
JS判断上传文件大小,不需要用ajax同步去后台验证
支持IE6(IE以上版本没有测试) 和 firefox
但是在IE下,验证前会弹出提示,大致就是问是否同意与Activex进行交互,必须选是,才能验证。
<input type="file" id="fileText"> 
<input type="button" value="检查文件大小" onclick="checkFileChange(document.getElementById('fileText'));">


<script type="text/javascript">
var  Sys = {};
if(navigator.userAgent.indexOf("MSIE")>0)
{
    Sys.ie=true;
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)
{
    Sys.firefox=true;
}

function checkFileChange(obj)
{
    var filesize = 0;
    
    if(Sys.firefox)
    {
        filesize = obj.files[0].fileSize;
    }else if(Sys.ie)
    {
        var fileobject = new ActiveXObject ("Scripting.FileSystemObject");//获取上传文件的对象
        var file = fileobject.GetFile (document.getElementById("fileText").value);//获取上传的文件
        var filesize = file.Size;//文件大小
    }
    alert(filesize);
}
</script>
分享到:
评论
1 楼 docong 2010-10-23  
非常好用!

相关推荐

    js判断上传文件大小

    js判断上传文件大小 兼容大部分主流浏览器

    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