`
royzhou1985
  • 浏览: 249765 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

客户端获取上传文件的大小

JavaScriptHTML 
阅读更多
主要是利用img的fileSize属性 
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN">   
  <html>   
  <head>   
  <title>客户端控制上传图像大小示例   -   51windows</title>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  </head>   
  <body>   
	<input type="file" id="file" name="file" />
	<img src="" width=0 height=0 id="img" />
	<input type="button" value="查看文件大小" onclick="getFileSize()" />
  </body>   
  <SCRIPT LANGUAGE="JavaScript">
  <!--
		function getFileSize() {
			var img = document.getElementById("img");
			var file = document.getElementById("file");
			img.src = file.value;
			alert(img.fileSize/1024);
		}	
  //-->
  </SCRIPT>
  </html>

分享到：
| common-fileupload文件上传及下载
评论
1 楼 steinyxu 2011-01-06  
根本不行，LZ再想想吧。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js获取文件大小

    需求：客户端上传文件时，想先判断下文件的大小，如果超过一定大小，就直接拒绝上传请求 实现原理：根据不同浏览器的差异，在firefox和chrome中obj_file.files[0].size 获取文件打下，在ie6，ie7， ie8 中通过img的...

    上传图片客户端判断大小，javascript获得上传图片的大小

    不用IE控件（ActiveXObject）不用 Img属性 上传图片客户端判断大小，javascript获得上传图片的大小 兼容所有浏览器，亲测可用 判断文件大小，判断上传图片的大小，图片格式

    jQuery统计上传文件大小的方法

    本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下： 对于现代浏览器(支持html5)来说，在客户端统计上传文件的大小，可以通过$(selector)[0].files[0].size来实现。但在老版本的IE浏览器...

    php大文件上传解决方案支持分片断点上传

    这里要说的是断点续传都有哪些技术要点。...每次上传文件片前先获取已上传的文件大小，确定本次应切割的位置 每次上传完成后更新已上传文件大小的记录 标识客户端和服务端的文件，保证不会把A文件的内容追加到B文件上

    通过jquery获取上传文件名称、类型和大小的实现代码

    在文件上传到服务器之前，我们可以通过jquery来获取上传文件的名称，类型和尺寸大小。 通常情况下，当用户通过&lt;input type=’file’&gt;标签来上传文件时，我们可以看到上传文件的名称。HTML5 File API为我们提供...

    上传下载文件—C写的源码

    用C些的上传下载文件的源码，包含服务器和客户端。以及获取文件大小的c源码文件等

    真正好用的js验证上传文件大小的简单方法

    最近使用到一个文件上传功能，发现恶意上传一个2G文件时，后台处理响应较慢，遂想到能否使用js来进行...在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].size 获取上传文件的大小

    FTPHelperFTP操作类.zip

    获取指定文件大小 更改文件名 移动文件 切换当前目录 FTP 操作类客户端： 服务器返回的应答信息(包含应答码) 服务器返回的应答信息(包含应答码) 服务器返回的应答码 进行控制连接的socket 传输模式 编码方式 FTP...

    javascrip客户端验证文件大小及文件类型并重置上传

    代码如下: /*****获取文件信息 edit by zhaogw 参考by misssionOtherAttEdit.jsp*****/ /*file:input type=”file”的对象，一般用this。 vType：一个对象名，用于记录文件的文件类型信息。一般为input对象。 ...

    断点上传示例源码2012825

    1.客户端在上传文件前，先获取服务器端文件的大小（通过访问服务器端页面获取），即偏移指针 2.客户端从偏移指针处开始读取后续的文件流，将文件流上传到服务器 3.服务器获取到传输的文件流后，从偏移指针处开始续写...

    基于ASP.NET FTP 客户端设计与开发.rar

    文件能上传和下载，判断文件名是否重复进行询问是否覆盖，在断电的情况下能对文件进行断点续传，传输时进度显示（获取文件大小和传输速率估计完成时间）；通过该软件能新建文件夹，文件名的修改，文件的删除；能搜索...

    基于SwfUpload插件的文件批量上传插件GooUploader

    基于上一点，本控件前台也不会以长轮询方式访问服务器端，以获取文件上传进度情况，而是自己定时计算以上传的字节总数。因此当上传一个文件时，FLASH插件只会发一次传输请求，这样就改善了效率。 由于用FLASH传值...

    javeBean实现文件的上传

    public void upload(HttpServletRequest request,HttpServletResponse response)throws FileNotFoundException,IOException{ //接收上传文件内容的临时文件 String tempFileName=new ... //获取客户端提交后来数据

    艾恩ASP无组件上传类 2013.12.09.zip

    3.准确获取上传中的错误信息 4.可选择文件保存方式(以原文件名保存和以新文件名保存,新文件名为时间 随机数字组成) 5.文件保存函数简洁,调用方便,并且比较灵活(保存路径和保存方式可随时改变) 6.同时可以获取文件...

    网页版文件上传控件 File Upload Control For Html version:1.0.0.11

    控件提供试用功能，没注册的控件除上传文件大小上有所限制（3M），没任何功能上和时间上的限制。如果您是试用，“127.0.0.1”和“localhost”作为FTP服务器时，在功能上注册和没注册是没有任何区别。 11.软件包里...

    艾恩ASP_文件上传组件anupload

    到数据库(上传和保存表单可同时进行)、限制上传扩展名、限制上传大小、选择文件保存类型(原文件名和时间随机命名) 等！ 本组件可以完整保存用户信息,包括同名称表单(和request.form一样以,为分割符进行保存),以及...

    jsp版jquery上传控件

    jsp改进的jquery上传控件，简单好用，功能强大，支持单或多文件上传，可以在客户端获取文件类型及大小...

    艾恩ASP无组件上传类(An-Upload) v11.03.25.rar

    • 准确获取上传中的错误信息 • 可选择文件保存方式(以原文件名保存和以新文件名保存,新文件名为时间 随机数字组 • 文件保存函数简洁,调用方便,并且比较灵活(保存路径和保存方式可随时改变) • 同时可以获取...

    MVC中基于Ajax和HTML5实现文件上传功能

    HTML5提供了一种标准的访问本地文件的方法——File API规格说明，通过调用File API 能够访问文件信息，也可以利用客户端来验证上传文件的类型和大小是否规范。 该规格说明包含以下几个接口来使用文件： File接口：...

Magicbox
Global site tag (gtag.js) - Google Analytics