Web应用程序开发 (5).pptVIP

用户进入系统后，可进行个人资料的完善，为自己添加头像。 1. 能正确掌握文件上传控件使用方法 2. 能熟悉文件上传的方法 准备头像文件素材 1 2 3 4 SUGGESTION 1 在站点根文件夹下新建一个专门存放头像的文件夹，其中存放事先处理好的10个小头像01.jpg,02.jpg,…10.jpg。 设计用户资料添加页面 1 2 3 4 SUGGESTION 2 1、设计用户资料界面CSS 设计用户资料添加页面 1 2 3 4 SUGGESTION 2 2、完成界面设计 代码实现 1 2 3 4 SUGGESTION 3 Image Web 服务器控件 Image Web 服务器控件使您可以在 Web 窗体页上显示图像，并使用服务器代码管理这些图像,其重要的属性有： ImageUrl:用于指定显示图像的来源，这是一个最重要的属性； AlternateText:为提供替代文本。 ImageAlign:将图像和页面中HTML元素对齐。 文件上传FileUpload控件 常用属性 属性 备注 Enable 是否禁用文件上传控件 FielContent 以流形式获取上传文件内容。 FileName 用于获得上传文件的名字。 HasFile 判断是否有上传文件。 postedFile 用于获得包装成HttpPostedFile对象的上传文件。 HttpPostedFile 用于获得包装成HttpPostedFile对象的上传文件。 文件上传FileUpload控件 常用方法 属性 备注 Focus 用于把窗体的焦点转移到FileUpolad控件。 SaveAs 用于把上传文件保存到文件系统中。 相关代码 FileUpload1.PostedFile.SaveAs(strPath); //图片上传 string strPath = Server.MapPath(images/) + a.jpg; //图片上传后名为a.jpg Image1.ImageUrl = images/a.jpg ;//显示图片 上传文件同名覆盖问题 相关代码 string strFileName = DateTime.Now.Year.ToString() + DateTime.Now.Month.ToString() + DateTime.Now.Day.ToString() + DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString(); 一般情况下，上传一个文件时要考虑服务器上是否有同名文件，如果有往往会覆盖，除非特殊需要，在设计网页时一般要避免这种情况的发生，采用的办法往往是将上传文件按日期和时间自动重命名，保证不会和已有文件重名。 判断上传文件是否是图片 相关代码 string strType = FileUpload1.PostedFile.ContentType; if (strType == image/pjpeg || strType == image/gif || strType == image/png) 最后的if语句中判断上传的文件类型是否是常见图像gif、jpg、png类型。 主要是判断文件的ContentType属性是否是指定的图片类型： 任务5.2 用户资料修改 Task 1 任务描述 任务目标 任务分析 实现过程 * 任务描述 任务目标 任务分析 实现过程 * 技术要点 任务描述 任务目标 任务准备 实现过程 * 任务描述 任务目标 技术要点 * 实现过程 任务描述 任务目标 实现过程 * 技术要点 任务描述 任务目标 实现过程 * 技术要点 Task 2 任务描述 任务目标 任务分析 实现过程 * 任务描述 任务目标 任务分析 实现过程 * 技术要点 任务描述 任务目标 任务准备 实现过程 * 任务描述 任务目标 技术要点 * 实现过程 任务描述 任务目标 实现过程 * 技术要点 Task 3 任务描述 任务目标 任务分析 实现过程 * 任务描述 任务目标 任务分析 实现过程 * 技术要点 任务描述 任务目标 任务准备 实现过程 * 任务描述 任务目标 技术要点 实现过程 * 任务描述 任务目标 实现过程 技术要点 * Task 4 任务描述 任务目标 任务分析 实现过程 * 技术要点 任务描述 任务目标 任务准备 实现过程 * 任务描述 任务目标 技术要点 实现过程 * 任务描述 任务目标 实现过程 技术要点 * Task 5 任务描述 任务目标 任务分析 技术要点 * 实现过程 Web应用程序开发（ASP.NNE