`
zfh521
  • 浏览: 31986 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS判断文件大小-文件上传-浏览器-input-file

    博客分类:
  • JS
阅读更多

在上传文件文件之前,有时候需要验证文件的大小,先提供如下方法,获取文件浏览框的大小,代码如下(适合ie,firefox,google chrome)

//obj 需要传入的参数为Input的对象

function getFileSize(obj){
    var objValue = obj.value;
    if (objValue=="") return ;
    var fileLenth=-1;
    try {
        //对于IE判断要上传的文件的大小
        var fso = new ActiveXObject("Scripting.FileSystemObject");
        fileLenth=parseInt(fso.getFile(objValue).size);
    } catch (e){
        try{
            //对于非IE获得要上传文件的大小
             fileLenth=parseInt(obj.files[0].size);
        }catch (e) {
            fileLenth=-1;
           
        }
       
    }

    return fileLenth;
}
2
0
分享到:
评论
2 楼 zfh521 2012-07-31  
Lynn196533 写道
参数 obj 是什么? 什么都没讲清楚还得意地笑,没上下文这段代码没用

obj是文件浏览框的对象.
1 楼 Lynn196533 2012-07-30  
参数 obj 是什么? 什么都没讲清楚还得意地笑,没上下文这段代码没用

相关推荐

    browser-md5-file-1.0.0.zip

    浏览器MD5文件处理库browser-md5-file是一款轻量级的JavaScript工具,主要用于在客户端计算文件的MD5哈希值。这个库特别适用于那些需要验证文件完整性的场景,比如上传文件时确保文件未被篡改或者在不同的设备间同步...

    文件上传input file简便美化方案(css)

    在探讨文件上传组件的美化方案时,我们会涉及到多个方面的知识点,主要包括跨浏览器兼容性的处理、CSS样式的应用以及JavaScript的交互操作。首先,我们要理解在不同浏览器中文件上传input(<input type="file">)的...

    react-file-input:React的组件

    集成后,React文件输入可以Swift消除与需要文件上传的表单相关的麻烦。安装npm install react-file-input程式码范例用法非常简单:只需使用react-file-input而不是<input type="file" /> ! app.jsx var ...

    js实现文件上传-demo02

    2. **File对象**: 当用户选择文件后,`<input type="file">`会产生一个或多个File对象,这些对象包含了文件的相关信息,如文件名、大小、类型等。例如,我们可以通过`event.target.files`获取到用户选择的文件列表。...

    jQuery-file-upload的各种语言拖拽上传文件功能

    《jQuery-file-upload:实现跨语言的拖拽上传文件功能》 在现代Web开发中,用户交互体验至关重要,其中文件上传是常见的功能之一。jQuery-file-upload是一个强大的jQuery插件,它支持多语言、拖拽上传等多种特性,...

    js 判断文件时候为空

    在JavaScript中,判断一个文件是否为空是一个常见的需求,特别是在处理用户上传的文件或者与服务器进行文件交互时。本文将深入探讨如何使用JavaScript来检测文件是否为空,并提供相关的代码示例。 首先,我们要明白...

    js获取 input file 图片立即显示

    "js获取input file 图片立即显示"这个话题就是关于如何利用JavaScript来实现在用户选择图片后即时预览的功能。以下是一个详尽的步骤解释和相关知识点: 1. **HTML 结构**: 首先,我们需要在HTML页面中创建一个`...

    javascript经典特效---文件大小的详细计算.rar

    在JavaScript编程语言中,文件大小的计算是一项重要的任务,尤其在网页应用中,例如上传、下载功能,或者处理用户输入的数据。本资源“javascript经典特效---文件大小的详细计算.rar”可能包含一个详细讲解如何使用...

    input file上传图片预览

    在前端开发中,"input file上传图片预览"是一个常见的需求,它允许用户选择本地的图像文件,并在上传前提供预览。这个功能在许多网站和应用中都很实用,例如社交媒体平台、在线编辑器或者个人资料设置等。下面将详细...

    web页面多选上传文件的实现(浏览器-打开文件-可选多个文件来上传).源代码

    综上所述,实现Web页面多选上传文件的功能,关键在于HTML5的`<input type="file">`元素的`multiple`属性,JavaScript获取和展示选定文件,以及PHP后端处理上传文件,包括验证和存储。这个案例中的"publish1-input...

    HTML input type=file文件选择表单元素.docx

    一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素,用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片,无法满足一次上传多图的交互需求。因此...

    input样式-input

    在Web开发中,`<input type="file">` 元素被广泛用于让用户选择文件进行上传。然而,默认情况下,不同浏览器提供的文件输入框样式存在差异,这不仅影响了用户体验的一致性,还可能与网站的整体设计风格不匹配。因此...

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

    在网页应用中,用户上传文件是一项常见的功能,但为了服务器性能和用户体验,通常需要对上传文件的大小进行限制。本文将深入探讨如何使用JavaScript来实现这一功能,通过前端验证,防止大文件上传导致的网络延迟或者...

    jQuery-File-Upload

    jQuery-File-Upload 是一个功能强大的JavaScript库,专门用于实现浏览器端的文件上传功能。它基于jQuery框架,为开发者提供了友好的API,使得处理多文件上传、进度显示、预览、验证等复杂功能变得简单易行。在本文中...

    自定义上传控件input file的样式

    在网页设计中,我们经常需要使用到`<input type="file">`标签来实现文件上传功能,但默认的上传控件样式通常较为简单,不符合现代网页的美观需求。本篇将探讨如何自定义`input file`的样式,打造个性化的上传界面。 ...

    jquery上传文件点击input上传文件样式代码

    本主题聚焦于利用jQuery来改进文件上传功能,尤其是针对`<input type="file">`元素的样式和交互。在传统的HTML文件上传输入框中,用户通常会看到一个简单的文本按钮,点击后弹出文件选择对话框。然而,这样的设计...

    多文件预览上传-多图片预览上传

    - 用户可以通过浏览器的文件选择对话框一次性选择多个文件,这通常依赖于HTML5的`<input type="file" multiple>`特性。 - 文件对象会被存储在浏览器的内存中,开发者需要通过JavaScript来访问这些文件,并进行...

    JS获取文件大小方法小结

    本文主要探讨了三种不同的JS方法来获取文件大小,这些方法主要适用于浏览器环境,尤其是Internet Explorer。 方法一:利用ActiveX控件 在较旧版本的IE浏览器中,可以使用ActiveX技术来访问本地文件系统。ActiveX...

    jQuery-Nice-File-Input:jQuery Nice File Input Plugin 提供了看起来不错的文件输入 HTML 元素,同时可以轻松进行各种自定义以适合您的应用程序

    jQuery Nice File Input 已经在所有主要浏览器上使用 jQuery 1.9+ 进行了测试: Firefox 2+(Win、Mac、Linux) IE8+(赢) Chrome 6+(Win、Mac、Linux) Safari 3.2+ (Win, Mac) Opera 8+(Win、Mac、Linux)...

    file input 按钮国际化

    "file input 按钮国际化"是这个话题的一个具体实例,主要关注的是如何将HTML中的文件上传(file input)按钮进行多语言适配。 文件输入按钮是网页表单中常见的一种元素,用户通常用它来选择本地文件进行上传。默认...

Global site tag (gtag.js) - Google Analytics