C实验指导书实验.docVIP

.Net Web应用程序设计 实验指导书（草稿） 李盘靖 山东理工大学计算机学院 实验五 服务器控件FileUpload的综合应用 实验目的 1. 了解各种标准服务器控件； 2. 熟悉基于标准服务器控件的Web应用程序的开发过程； 3. 综合应用各种标准服务器控件进行Web应用程序的开发。 实验内容 实验项目：文件的上传 文件的上传下载在B/S架构中应该是常见的需求，比如考试报名时需要上传照片、办公自动化系统中需要上传文档。以下内容为在FileUpload控件基础上，如何实现文件的上传及其大小、类型等相关信息的获取，结合JavaScript脚本等如何实现图片的预览以及如何通过Web.config对上传文件的大小作出限定。 [实验步骤] 建立ASP.NET Web应用程序项目FileUpload，在生成的默认页面中加入如下三个控件，用来上传文件并显示其基本信息： asp:FileUpload ID=fileUp runat=server /br / asp:Button ID=bnUpload runat=server Text=上传文件 /br / asp:Label ID=lbFileInfo runat=server/asp:Label/div 不添加任何事件，编译运行，可见asp:FileUpload对应的HTML元素为： input type=file name=fileUp id=fileUp / 同时注意到客户端对应生成的Form表单多了enctype的属性： form name=form1 method=post action=Default.aspx id=form1 enctype=multipart/form-data 为bnUpload添加单击事件： protected void bnUpload_Click(object sender, EventArgs e) { string strFileName; string strFilePath; strFileName = Path.GetFileName( this.fileUp.PostedFile.FileName); strFilePath = Server.MapPath(.) + \\ + strFileName; this.fileUp.PostedFile.SaveAs(strFilePath); this.lbFileInfo.Text = 文件上传成功，基本信息如下： + br保存路径 + strFilePath + br文件名称 + strFileName + br文件大小 + this.fileUp.PostedFile.ContentLength + br文件类型 + this.fileUp.PostedFile.ContentType + br本地路径 + this.fileUp.PostedFile.FileName; } 编译运行后，选择一小于4M的任意类型文件，单击上传后看能否实现正常的上传功能，并观察上传文件在服务器端的位置。 小结：由上可以注意到asp:FileUpload控件主要提供选择本地文件的功能，同时将选择的文件封装到PostedFile对象中，可通过对应的属性获取待上传文件的属性，并提供SaveAs方法用于在指定位置保存。 在没有选择文件时，就单击上传，看是否会出错。会 小结：FileUpload显示一个文本框控件和一个浏览按钮，使用户可以选择客户端上的文件并将它上传到服务器。可通过在控件的文本框中输入本地路径指定要上载的文件，也可以通过单击“浏览”按钮，然后在“选择文件”对话框中选择文件。需要注意的是：用户选择要上载的文件后，FileUpload控件并不会自动将该文件上传。需要显式提供通过控件等机制让用户提交选定的文件，如加入一个“上传”按钮，让用户单击后上传文件。通常在回发（PostBack）到服务器的事件处理方法中调用SaveAs方法，用以在服务器端保存上传的文件。而在在调用SaveAs之前，一般使用HasFile属性验证是否包含文件。用PostedFile==null来验证是不可取的，因为默认情况下该属性包含0字节，即使FileUpload控件为空，PostedFile仍将返回一个非空值。 在bnUpload的单击事件代码中添加： protected void bnUpload_Click(object sender, EventArgs