一次上传多文件说明.docVIP

WEB版一次选择多个文件进行批量上传(swfupload)的解决方案 说明：功能完全支持ie和firefox浏览器！ 一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传，就算是批量上传，也要把文件一个一个的添加到页面，无法如windows程序一样，一次选择多个文件进行批量上传。这样在某些应用上就显得很不人性化，有时候客户希望能够一次选择很多文件，然后让系统把选择的文件全部上传。 这里，就将针对这个问题提出一个比较完美的解决方案，利用的SwfUpload组件，让客户一次选择多个文件，然后将选择的文件上传到服务器上。 关于SWFUpload的一些说明： 1) SWFUpload使用一个隐藏的Flash影片来控制文件的选择和上传。 2) JavaScript用来激活文件选择对话框。此文件选择对话框是可以设置允许用户选择一个单独的文件或者是多个文件。 选择的的文件类型也是可以被限制的，因此用户只能选择指定的适当的文件，例如*.jgp;*.gif。 3) 当选定文件以后，每个文件都会被验证和处理。当Flash上传文件的时候，由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI，同时还提供上传状态和错误信息。 4) 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的，这就保证了服务端脚本能够在一个时间点更容易地处理单个文件。虽然Flash提供了上传服务，但是页面并不会提交或者重新载入。相比于标准的HTML Form，SWFUpload的使用方式更像是AJAX程序，页面中的Form会和FLASH控制的文件上传单独处理。具体信息可以访问swfupload官方网站：/让我们先来看看客户端的界面效果图。（多选文件，批量上传，上传进度显示） 1) 进行多文件选择： 图1 2) 上传进度显示 图2下面进行具体的操作：第一步，要进行下面的过程，必须先准备好Flash插件和SwfUpload组件。1) Flash插件:相信大家的浏览器早已经安装过了，请检查版本，尽量使用最新的的flash插件。2) SwfUpload:大家可以访问swfupload官方网站：/，在这个网站上可以下载到组件与demo。第二步,创建应用的目录结构，我这个示例的目录结构如图：1.主要目录结构  2. 文件上传用到的js脚本文件。 3. swfupload目录中的文件 第三步，前台部分准备客户操作的WEB界面，如下[TestUploadFile2.aspx、uploadFile.aspx]1) 前台客户端代码，其中TestUploadFile2.aspx的代码如下，TestUploadFile2.aspx.cs文件中只使用默认的代码，不用添加任何代码。TestUploadFile2.aspxHtml代码%@ Page Language=C# AutoEventWireup=true CodeFile=TestUploadFile2.aspx.cs Inherits=TestUploadFile2 %!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlhead runat=server title/titlelink href=css/default.css rel=stylesheet type=text/css /script type=text/javascript src=swfupload/swfupload.js/scriptscript type=text/javascript src=simpledemo/js/swfupload.queue.js/scriptscript type=text/javascript src=simpledemo/js/fileprogress.js/scriptscript type=text/javascript src=simpledemo/js/handlers.js/scriptscript type=text/javascript var swfu; window.onlo