Web上传文件的三种解决方案.docVIP

Web上传文件的三种解决方案 王建斌? 赵靓 （肇庆学院，广东 肇庆 526061） （肇庆医学高等专科学校，广东 肇庆 526020） ? ??? 摘? 要　介绍了Web上传文件的三种客户端解决方案：HTML表单、RIA以及插件，它们都可以很好地实现文件上传任务，当然这还需要服务端代码的配合，其中RIA选择了Flex，插件选择了ActiveX作为代表来介绍。此外，重点在于构建和分析HTTP协议数据来提供大文件上传的实时上传进度显示。 ??? 关键词　Web；HTTP；Flex；ActiveX；文件上传 ?  1　引言 ??? 如果是对于几KB至几MB字节的文件上传，确实没有必要写一篇文章去讨论，但是如果需要上传大文件，例如教师向网络学习系统上传软件、视频等几百MB甚至上GB大小的文件时，平常所用的方法要么失效，要么不能实时反映上传进度。 ??? 文中采用的方法对于小文件和大文件上传一视同仁，并且对可能采用的三种解决方案进行展示和总结。那么，可能采用的三种解决方案如下： ??? （1） HTML Form（可含Javascript、Ajax）。 ??? （2） RIA技术（Flex、Silverlight、JavaFX等）。 ??? （3） 插件技术（Acticx、Applet等）。 图1　Web服务存储上传文件的方式 ??? 文件上传到服务器，一般可以存放于本地文件系统、数据库和远程FTP等。图1为文件上传到Web服务器的存放方式示意图。 ??? 浏览器/服务器（B/S）模式，其实是一种特殊形式的C/S，浏览器作为客户端，HTTP作为通信协议。面对简单的文件上传情况，客户端代码只需HTML表单，服务器编写简单的动态页面和处理代码。而对于复杂的大文件带进度显示的上传，则一般要深入了解HTTP 1.1协议[1]以及各类技术如何处理HTTP请求。文中所讲如图2所示的三种解决方案，主要指的是浏览器端的代码，而服务端不限制使用何种动态页面技术或代码模块。 图2　浏览器文件上传的三种解决方案 2　解决方案一：HTML表单 ??? 建立一个名称为“FileUploadForm.html”的html页面，里面包含一个表单，表单的提交方式为post，enctype为“multipart/form-data”，action为服务器端处理页面。此外，form里面还要包含一个文件框，type应为file，示意代码如下： ??? form action=FileUploadForm.aspx method=post enctype=multipart/form-data name=form1 id=form1 ??? input type=file name=fileField id=fileField /?? … 省略部分代码? /form FileUploadForm.aspx 并不难实现，ASP.NET 2.0提供了服务器组件asp：FileUpload来协助完成文件上传的任务，并在visual studio中提供可视化的操作极大简化代码的编写工作，并且一次可以同时上传多个文件[2]。 ??? 在上传按钮的事件处理方法中，加入下面几行代码，就可以完成文件上传，可以说非常的简单。 ??? protected void uploadButton_Click（object sender，EventArgs e） ??? { ??? if （FileUpload1.HasFile） ??? { ??? string fileName = Path.GetFileName（FileUpload1. FileName）； ??? FileUpload1.PostedFile.SaveAs（Request.Physical ApplicationPath +???????? fileName）；?????????????? ??? Label1.Text = FileUpload1.FileName + 上传完成； ??? } ??? } ??? 由于IIS默认允许上传最大长度为4M的文件，所以如果要上传更大的文件，则需要修改web应用程序的web.conf配置文件[3]。如下修改可以允许最大2G的HTTP请求数据（经作者测试，600多M文件可以成功上传）。 ??? system.web ??? httpRuntime executionTimeout=600 maxRequestLength =2147483647/ ??? /system.web ??? 上传大文件的时候，需要较久的时间，最好可以动态显示上传的进度，可是asp：FileUpload组件并不会把接收到的数据立即写入规定文件，也没有提供有关进度的事件。所以，asp：FileUpload