《(32)--5.2图片和文件上传控件.ppt》由会员分享,可在线阅读,更多相关《(32)--5.2图片和文件上传控件.ppt(17页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Web开发技术文件操作项目简介Introduction在Eshop数码商城中,很多网页都需要上传用户头像和数码产品的图片等,在ASP.NET开发环境中提供了一些控件和类可以非常方便的完成这部分功能。上节课同学掌握了照片上传的步骤,本节课介绍完成这个功能的相关知识。学习重点key point Image图片控件 文件上传FileUpload控件Task图片和文件上传控件任务描述任务目标任务分析技术要点5用户进入系统后,可进行个人资料的完善,为自己添加头像。图像的添加需要运用图片和文件上传控件任务描述任务目标任务分析技术要点6Image控件Image Web 服务器控件使您可以在 Web 窗体页上
2、显示图像,并使用服务器代码管理这些图像其重要的属性有:ImageUrl:用于指定显示图像的来源,这是一个最重要的属性;AlternateText:为提供替代文本。ImageAlign:将图像和页面中HTML元素对齐。任务描述任务目标任务分析技术要点7文件上传FileUpload控件文件上传控件由文本框与浏览按钮组成,用户通过浏览对话框定位上传文件,编写并执行上传按钮事件驱动程序,完成文件上传到服务器指定目录的操作。用于在Web窗体上完成数据文件的上传到服务器指定目录的操作。这个控件默认上传文件大小限制是4M,如果文件超过了大小限制就会提示网页无法显示任务描述任务目标任务分析技术要点8文件上传F
3、ileUpload控件1、常用属性pEnable:是否禁用文件上传控件是否禁用文件上传控件pFielContent:以流形式获取上传文件内容。以流形式获取上传文件内容。pFileName:用于获得上传文件的名字。用于获得上传文件的名字。pHasFile:判断是否有上传文件。判断是否有上传文件。ppostedFile:用于获得包装成用于获得包装成HttpPostedFile对象的上传文件。对象的上传文件。pHttpPostedFile:用于获得包装成用于获得包装成HttpPostedFile对象的上传文件。对象的上传文件。任务描述任务目标任务分析技术要点9文件上传FileUpload控件2、常用
4、方法pFocus:用于把窗体的焦点转移到用于把窗体的焦点转移到FileUpolad控件。控件。pSaveAs:用于把上传文件保存到文件系统中。用于把上传文件保存到文件系统中。FileUpload1.PostedFile.SaveAs(strPath);string strPath=Server.MapPath(images/)+a.jpg;Image1.ImageUrl=images/a.jpg“;任务描述任务目标任务分析技术要点10文件上传FileUpload控件3、使用FileUpload控件上传图片文件案例:在网页中上传图片,判断图片是否存在,若有在图片框中显示出来,且显示文件上传成功和
5、文件信息,否则显示只能上传后缀为.jpg,.gif,.bmp,.png等文件任务分析:本网页中需要添加一个image控件,一个标签控件,一个文件上传控件,要产生案例效果,需要对上传按钮的click事件进行编码。任务描述任务目标任务分析技术要点11源代码窗口代码如下:文件上传FileUpload控件3、使用FileUpload控件上传图片文件“上传”按钮的click事件任务描述任务目标任务分析技术要点12文件上传FileUpload控件若上传大于4M的大文件主要修改Web.config文件来实现,在中添加httpRuntime节,在该节中修改两个参数:p maxRequestLength为最大上
6、传容量p executionTimeout为所响应的时间5.改变上传文件的大小任务描述任务目标任务分析技术要点13文件上传FileUpload控件代码如下:任务描述任务目标任务分析技术要点14文件上传FileUpload控件方法1:Request.Files0.Size /0是代表第一个要上传的文件,是个索引方法2:FileUpload1.PostedFile.Size6.获取上传文件的大小任务描述任务目标任务分析技术要点15上传文件同名覆盖问题相关代码string strFileName=DateTime.Now.Year.ToString()+DateTime.Now.Month.ToSt
7、ring()+DateTime.Now.Day.ToString()+DateTime.Now.Hour.ToString()+DateTime.Now.Minute.ToString()+DateTime.Now.Second.ToString();一般情况下,上传一个文件时要考虑服务器上是否有同名文件,如果有往往会覆盖,除非特殊需要,在设计网页时一般要避免这种情况的发生,采用的办法往往是将上传文件按日期和时间自动重命名,保证不会和已有文件重名。任务描述任务目标任务分析技术要点16判断上传文件是否是图片相关代码string strType=FileUpload1.PostedFile.ContentType;if(strType=image/pjpeg|strType=image/gif|strType=image/png)最后的if语句中判断上传的文件类型是否是常见图像gif、jpg、png类型。主要是判断文件的ContentType属性是否是指定的图片类型:谢 谢 观 看!