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

客户端文件处理

阅读更多
 <BODY>
	<input type="file"  id="_file" multiple="true"/> <br/>
	<input type="button" onclick="handle();return false;" value="click to submit"/>
	<br/>
	<div id="res"></div>
 </BODY>
<script type="text/javascript" >
	function handle(){
		var files1 = document.getElementById('_file').files;
		document.getElementById('res').innerHTML = getFiles(files1);
	};

	function getFiles(files){
		var str = "";
		for(var f = 0 ; f< files.length ; f++) {
			str += files[f].name + '/' + files[f].size + '/' + files[f].type + "/" +files[f].url +'<br/>';
		}
		return str;
	};
</script>
 

浏览器FF 3.6

服务器apache2.2

 

HTML5 草案

 

在HTML4的时代,我们在上传文件的时候经常会碰到一个问题,就是如何限制文件的大小?

准确的来说是在文件没有到达服务器前是不能判断文件的大小,这样就只能在文件上传到服务器后才能决定是否保留此文件。

 

现在好了,在HTML5的时代,用JS就能知道上传的文件的大小。

 

如下代码:

 

 

以上代码声明了两个input type为 file 的的控件,这里和HTML4一样.

然后我们获取文件集合:

 

var files1 = document.getElementById('_file').files;

 这里获取的file集合只能用 for..(i++) 这种形式遍历,而不能用for ..in这种形式。具体原因还没查到不知道为什么。并且这里的file集合的类型是object。

 

细心的童孩已经发现多了一个 multiple 的属性,它的意义在于一个input 标签可以多选文件(按住CTRL呵呵)。

这样就让我们告别了多个input[type=file]标签的时代。哈哈

 

此文件有三个属性

1. name

   文件名字

2.type

   文件的类型,注意这里的类型是一个没有参数的MIME类型。也就是不包含分号的MIME类型

3.size

  文件的大小,以字节表示,这也是最有用的。

4. url

   虽然moliza里有这个属性,但是实际的测试中,这个属性是undefined的,估计是草案改动了。

 

在chrome5浏览器中,mapping关系如下

name == fileName,

type == fileType,

size == fileSize

 

文件选择还不只这种方法,HTML5还支持DRAG-DROP,这个东西下期再看呵呵。。

分享到:
评论

相关推荐

    传奇3客户端文件说明传奇三客户端文件解说_传奇3_传奇_传奇3源代码_

    "传奇3"作为一款经典的网络游戏,其客户端文件不仅包含游戏界面、角色模型、音效等基础元素,还涉及复杂的逻辑处理和网络通信功能。本文将深入探讨"传奇3"客户端文件的构成与功能,旨在为玩家和开发者提供详尽的理解...

    IOCP文件客户端 IOCP文件客户端

    总之,“IOCP文件客户端”是一种利用IOCP技术实现的高效文件传输工具,它通过异步I/O和多线程处理,实现了高并发的文件上传和下载。理解并掌握IOCP的工作机制对于编写高性能的网络应用至关重要。

    客户端文件上传

    通过以上步骤,我们可以构建一个完整的客户端文件上传系统,其中WPF提供用户界面,WebService处理后台逻辑,两者通过HTTP通信完成文件传输。理解并熟练掌握这些知识点对于开发此类应用至关重要。

    C# http方式文件上传客户端

    8. **异常处理与资源释放**:确保在完成请求后释放所有打开的资源,如文件流和HTTP客户端。 ```csharp fileStream.Dispose(); httpClient.Dispose(); ``` 以上就是使用C#实现HTTP文件上传客户端的基本步骤。根据...

    Linux QT TCP多客户端 文件和信息传输

    通过以上讨论,我们可以看出在Linux上使用Qt实现TCP多客户端文件和信息传输涉及了网络编程、并发处理、数据序列化等多个技术领域。理解并熟练运用这些知识点将有助于构建高效、稳定的文件传输系统。

    ArcGIS连接Postgresql需要的32位客户端文件

    2. **32位客户端文件**:这里提到的是32位版本的客户端文件,这是因为有些版本的ArcGIS可能只能运行在32位环境中,或者是为了确保与32位应用程序兼容。32位库文件在处理内存方面有限制,但能与大多数32位操作系统和...

    delphi客户端文件上传代码和服务器端php接收代码

    标题“delphi客户端文件上传代码和服务器端php接收代码”指出,我们将探讨如何使用Delphi编写客户端程序来实现文件上传,并通过PHP在服务器端接收和处理这些文件。这个过程通常包括以下几个步骤: 1. **Delphi...

    基于TCP服务端客户端传文件

    本项目涉及的核心知识点是基于TCP协议的服务端和客户端通信,实现文件的传输。TCP(Transmission Control Protocol)是一种面向连接的、可靠的、基于字节流的传输层通信协议,确保了数据的正确性与顺序,非常适合...

    客户端服务器的文件传输

    服务器则是一个专门处理客户端请求并提供服务的系统,它存储、处理并返回数据给客户端。 在文件传输过程中,客户端会通过特定的协议(如HTTP、HTTPS、FTP、SFTP等)向服务器发送请求,请求可以是上传文件、下载文件...

    kiwi syslog 32位客户端文件

    "System32"是Windows系统存放核心组件和系统级应用程序的地方,将客户端文件放在这里可以让其在系统级别运行,从而能够监听和处理来自各个系统的syslog事件。 接下来,你需要启动"Event Log"服务。Event Log是...

    客户端下载服务器文件

    在IT领域,客户端下载服务器文件是一项基础而关键的技术,它涉及到网络通信、文件处理和异常管理等多个方面。根据给定的文件标题“客户端下载服务器文件”以及描述“客户端下载服务器代码”,我们可以深入探讨这一...

    文件上传 (服务端+客户端)

    在这个场景中,我们关注的是“文件上传 (服务端+客户端)”,这通常涉及到一个完整的流程,包括客户端的文件选择和提交,以及服务端的接收和处理。 在客户端,文件上传主要涉及HTML和JavaScript技术。HTML5引入了`...

    socket通信,客户端向服务器传文件

    在这个场景中,我们将讨论如何使用Java实现一个简单的文件传输功能,即客户端通过Socket连接将文件发送到服务器。 首先,我们需要理解Socket通信的基本流程: 1. **服务器端**: - 创建`ServerSocket`实例,指定...

    QT5.7ftp客户端包含单文件上传下载及服务器文件删除

    QT5.7 FTP客户端是一个基于Qt库开发的用于FTP文件传输的应用程序,它支持基本的FTP操作,如单个文件的上传和下载,以及服务器端文件的删除功能。这个项目可能是一个独立的、轻量级的工具,适用于需要快速进行FTP操作...

    TFTP客户端 文件上传/下载实现

    本文将深入探讨如何使用Linux C语言实现一个基于UDP的TFTP客户端,实现文件的上传与下载功能。 首先,TFTP协议基于用户数据报协议(UDP),它是一个无连接、不可靠的传输层协议。TFTP协议设计简洁,只支持基本的...

    mfc服务器客户端实线文件拷贝

    在IT领域,尤其是在网络编程中,"mfc服务器客户端实线文件拷贝"是一个常见的应用场景。MFC(Microsoft Foundation Classes)是微软提供的一个C++库,用于构建Windows应用程序,而在此场景中,它被用于创建服务器和...

    Java中实现服务端和客户端传输文件

    在Java编程环境中,服务端和客户端之间的文件传输是常见的需求,尤其在分布式系统或网络应用中。本示例主要涉及的是使用Java的Socket编程来实现这一功能。Socket编程是网络编程的基础,它允许两个网络应用程序之间...

    客户端管理服务器文件

    客户端管理服务器文件是一种常见的网络应用程序设计模式,主要应用于分布式系统中,使得客户端能够对远程服务器上的文件进行操作,如创建、删除、读取等。在这个过程中,客户端与服务器之间的通信通常依赖于`Socket`...

    android客户端与服务端文件上传及下载

    一、Android客户端文件上传 1. 文件选择:首先,需要一个文件选择器组件,如`Intent Chooser`或自定义的文件选择对话框,让用户选择要上传的文件。 2. 文件读取:选定文件后,使用`FileInputStream`读取文件内容,...

    文件安全系统-客户端

    “鸿智数据安全管理系统”由管理中心、控制台和客户端三部分组成,其中管理中心主要存储系统运行的相关数据及处理在线认证,控制台主要用于管理员配置系统相关参数,客户端主要根据安全策略对机密文件进行保护。...

Global site tag (gtag.js) - Google Analytics